javascript - Mobiscroll 日期选择器被 jQuery Mobile 模式隐藏

Question

我有一个带有一些日期输入的 jQuery Mobile 网站，我正在使用 Mobiscroll datepicker (在模式模式下)对于这些。它在标准 jQM 页面上运行良好，但当我在 jQM 模式上输入日期时，它会出现问题。

问题是日期选择器模式显示在 jQM 模式下，因此用户看不到它，我希望日期选择器显示在 jQM 模式的顶部。如果我使用 Firebug 隐藏 jQM 模式，我还可以看到日期选择器位于 jQM“深色”过滤器下 - 它使除 jQM 模式之外的所有内容都变暗。

我用来设置 Mobiscroll 日期选择器的代码是:

$('#mydate').scroller('destroy').scroller($.extend(
{
    preset : 'date',
    dateFormat: 'dd/mm/yyyy'
},
{
    display: 'modal',
    mode: 'scroller',
    theme: 'default',
    lang: 'en'
}));

我尝试修改 Firebug 中的元素，看看某些 CSS 是否可以修复它，我尝试将日期选择器设置为较高的 z-index 并将 jQM 模式设置为较低的 z- index，也尝试用 !important 强制它，但这并没有改变任何东西。 Mobiscroll的其他显示选项:顶部、底部、气泡也有同样的问题。

如何让日期选择器显示在 jQM 模式的顶部？

jQM 版本:1.2.0(最新)，带有 jQ​​uery 1.8.2
Mobiscroll版本:2.4.4(最新)

Answer 1

试试这个:

.dw-persp, .dwo {z-index:1051;}
.dw {z-index:1051;}

你最好把它放在最后一个css