jquery - ダイアログなしのjQueryUIオーバーレイ

Question

重複の可能性：
jQuery UI：ui-widget-overlayを単独で使用するにはどうすればよいですか？

ユーザーがajax呼び出し中に画面を変更することを避けたい。そのため、jQuery UIオーバーレイ（モーダルダイアログのオーバーレイ）を使用することを考えていましたが、ダイアログはありませんでした。これを行う方法が見つかりませんでした。

ダイアログなしでモーダルを表示する方法はありますか？

Answer 1

私は別のSOの質問のこの答えを取ります。

ここにフィドルがあります。

そしてコード：

$("body").append($.ui.dialog.overlay.create())

Answer 2

モーダルオプションをtrueに設定したダイアログでは、次のdivが追加されます。ここで、幅と高さはブラウザウィンドウで表示可能な領域を表します。

<div class="ui-widget-overlay" style="width: 607px; height: 350px; z-index: 1001;"></div>

あなたのページで似たようなことを試すことができます。http://jqueryui.com/dialog/#modalを参照してから、デモiframeでソースを表示して完全なソースを確認してください。

Answer 3

https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.dialog.js

彼らのコードは、彼らがウィジェット上で呼び出し_createOverlay()ていることを示しています。_destroyOverlay()ダイアログを作成してそれを初期化しautoOpen:false、それらのメソッドを手動で呼び出すことができます。