0

ドロップダウンボックスの後ろに表示されるjquery datepickerの一般的な問題があります。ここで提供されるソリューションも適用しようとしました：

jQuery Dialog と Datepicker プラグインの問題

しかし、私のページでは機能していないようです。

私は「jquery-ui.css」を使用し、その中で定義しました：

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

それでも日付ピッカーはドロップダウンボックスの後ろに表示されます。Chrome 開発者ツールで自分のページをチェックしたところ、次の結果が得られました。

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-helper-clearfix
 ui-corner-all" style="position:absolute; top:160.875px; left 146px; z-index:1;">

私の質問は、z-index を変更する正しい場所がどこにあるかをどのように知ることができるかということです。.ui-datepicker で定義することは正しいと思いますが、なぜ機能しないのかわかりません。

任意の応答をいただければ幸いです。ありがとうございました。

4

2 に答える 2

0

ウィジェットの top プロパティにピクセルを追加します。ウィジェットの beforeshow と onclose でその関数を呼び出します..以下のようになります....

name: function(pxls){
            var widget = $(selector).datepicker("widget");

            widget.css("margin-top", function (i, v) {
                var top = parseFloat(v);
                return (top + pxls) + "px";
            });
        },

上記の関数を以下のように呼び出します。

beforeShow: $.proxy(this.name, this, 4)
onClose: $.proxy(this.name, this, -4)

ここで 4 は、あなたにとってどれくらいの量になるかを把握している単なるテスト データです。それがどうなるか教えて..

于 2013-05-23T06:09:54.010 に答える
0

これを試して、

#ui-datepicker-div 
{
    z-index: 99999 !important; /* use #ui-datepicker-div in place of .ui-datepicker  */
}
.dropdown-box{
   z-index: 999 !important;      
}
于 2013-05-23T05:41:21.767 に答える