3

いくつかの日付入力があるjQueryMobileサイトがあり、これらにはMobiscroll datepicker（モーダルモード）を使用しています。標準のjQMページではうまく機能しますが、jQMモーダルで日付を入力すると問題が発生します。

問題は、jQMモーダルの下に日付ピッカーモーダルが表示されるため、ユーザーには表示されないため、jQMモーダルの上に日付ピッカーを表示する必要があります。Firebugを使用してjQMモーダルを非表示にすると、datepickerがjQM「dark」フィルターの下にあることもわかります。jQMモーダルを除くすべてが暗くなります。

Mobiscrolldatepickerのセットアップに使用しているコードは次のとおりです。

$('#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（最新）

4

2 に答える 2

0

これを試して：

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

最後のcssに入れた方がいい

于 2013-07-23T07:51:41.843 に答える