javascript - jQueryダイアログが重ならないようにするにはどうすればよいですか？

Question

1つのページで複数のjQueryダイアログを開くと、それらが重複する傾向があることがわかりました。

組み込みのjQueryUI機能またはカスタムコードのいずれかによって、これをどのように停止しますか？

Answer 1

各モーダルウィンドウのCSS 値を変更する必要があります。z-indexたとえば、一度に3つのモーダルウィンドウを呼び出した場合、それぞれに共通classの固有のがありidます。このように言います：

<div class="jqui-modal" id="firstModal">
...
</div>

<div class="jqui-modal" id="secondModal">
...
</div>

これで、最初にするものを選択できます。#firstModalたとえば、を上に置きたいのですが、CSSコードの#secondModalこのビットを使用できます。

#firstModal {z-index: 1599;}
#secondModal {z-index: 1500;}

すべてのモーダルウィンドウを同じ座標に表示する場合は、次のことを試してください。

.jqui-modal {z-index: 1600;} /* One single Z-Index for all */

Answer 2

CSSz-index;プロパティを使用して、スタックされたダイアログを表示方法として表示できます。