1

重複の可能性:
jQuery Dialog と Datepicker プラグインの問題

現時点では、次のように定義されたダイアログがあります。

  $('#dialogCl').dialog({
     autoOpen: false,
     width:650,
     height:550
  });

内部#dialogClで次のように定義されている日付ピッカー:

 $("#c").datepicker({showOn: 'button', buttonImage: 'images/calendar.gif', buttonImageOnly: true});

日付ピッカーを開く必要がありますが、日付ピッカーがダイアログの下に置かれているようです。

それに関するいくつかの投稿を見つけましたが、プログラムで z-index を設定する方法がわかりませんでし.ui-datepickerた1003

4

4 に答える 4

1

ダイアログには、使用できる zIndex オプションがあります

  $('#dialogCl').dialog({
     autoOpen: false,
     width:650,
     height:550,
     zIndex: 800
  });
于 2009-11-03T23:46:25.423 に答える
0

私も同じ問題を抱えていました-私の解決策は、 .ui-datepickerのjquery-ui*.cssにz-indexを追加することでした。

$('.ui-datepicker').css({'z-index': 1003})cssファイルにアクセスできない（または変更したくない）場合などを試すことができます。

于 2009-11-03T23:36:54.973 に答える
0

日付ピッカーは、フライアウトであるため、表示されているすべてのものの上に配置するか、ダイアログのように zIndex パラメーターを受け入れる必要があるようです。

これらのいずれかに該当しますか？これまでのところ、ここで示した css ハック($('.ui-datepicker').css({'z-index': 1003}) )だけが機能しています。

ありがとう！

于 2010-04-08T19:36:09.297 に答える
0

私の最善の答えは、すべてのダイアログレイヤーの上にdatepicker UIを設定することです:)

.ui-datepicker
{
  z-index : 9999;
}
于 2010-04-05T15:24:43.433 に答える