jQuery Dialog和Datepicker插件出现问题 [英] Trouble with jQuery Dialog and Datepicker plugins

问题描述

我有一个对话框，并且对话框上有一个datepicker字段.

I have a dialog, and I have a datepicker field on the dialog.

当我打开对话框并单击datepicker字段时，datepicker面板将显示在对话框后面.

When I open the dialog and click in the datepicker field, the datepicker panel show behind dialog.

我尝试更多属性:zindex，stack，bgiframe，但未成功.

I try more properties: zindex, stack, bgiframe, but not success.

有人可以帮助我吗?

Tks.

推荐答案

旧答案

z-index(注意连字符！)是重要的属性.确保将其设置为大于对话框，并确保将其设置在正确的元素上.这是我们的操作方式:

z-index (note the hyphen!) is the property that matters. Make sure you set it greater than the dialogue, and make sure you set it on the correct element. Here's how we do it:

#ui-datepicker-div 
{
 z-index: 1000; /* must be > than popup editor (950) */
}

API更改-2010年4月17日

在日期选择器的CSS文件中，找到.ui-datepicker项并进行更改:

In the CSS file for the date picker, find the .ui-datepicker item and change it:

.ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 9999 !important; }

使用 z-index:9999！important; 在Firefox 3.5.9(Kubuntu)中工作.

Using z-index: 9999 !important; worked in Firefox 3.5.9 (Kubuntu).

这篇关于jQuery Dialog和Datepicker插件出现问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！