Mobiscroll datepicker被隐藏的jQuery Mobile模式

我有一个jQuery Mobile网站的一些日期输入，我使用Mobiscroll datepicker（模式模式）这些。它在标准的jQM页面上运行良好，但是当我有一个jQM模式的日期输入时它有问题。Mobiscroll datepicker被隐藏的jQuery Mobile模式

问题是日期选择器模式显示在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（最新的），使用jQuery 1.8.2
Mobiscroll版本：2.4.4（最新）

来源

2013-02-22 RandomCoder

我得到了iPhone 4上的演示页面的源代码。我希望这可以帮助你。一旦我回家，我会通过代码。 http://pastebin.com/skWAE9ff – Omar 2013-02-22 18:59:00

试试这个：

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

你最好把它在最后一个css

来源

2013-07-23 07:51:41 huanglei

我碰巧有同样的问题，在这里它是我的修复：检查模态的css（jquery mobile modal的默认z-index是1050）。然后转到mobicroller css并将z-index更改为任何高于它的值。只要mobiscroller有一个稳定的z-index，它应该显示在顶级模式上，没有任何问题。

来源

2017-06-08 19:07:58 Gin

Mobiscroll datepicker被隐藏的jQuery Mobile模式

回答

相关问题