javascript - 画面をグレーアウトするjqueryuiダイアログ

Question

私は jQueryUI (拡張機能?) を使用しており、ページ上に単純なオーバーレイがあります。これが私がこれまでに持っているものです

とにかく、ダイアログが開いているときに画面をグレーアウトする組み込みの方法はありますか? ページに別の div を追加することでこれを実行できることはわかっています。jQueryUI にこのようなものが組み込まれているかどうかを知りたいです。

API でこのようなものを見つけることができませんでした。何かを見逃したのかもしれません。

Answer 1

オブジェクトリテラルを使用して、ダイアログのオプションを指定できます。これらのオプションの1つはモーダルで、ダイアログの後ろの画面にオーバーレイを配置します。このオーバーレイにより、ユーザーはダイアログの後ろをクリックできなくなります。

$('#over').dialog({modal:true});

例： http： //jsfiddle.net/vhA2w/1/

http://jqueryui.com/demos/dialog/で利用可能なすべてのオプションを確認してください

Answer 2

このjsfiddleはあなたのために働くはずです

$('#over').dialog({ modal: true });