1 
 <script>
  $(function() {
    $( "#dialog" ).dialog();
  });
  </script>
</head>
<body>

<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, re-sized and closed with the 'x' icon.</p>
</div>

表示中のページの上部にダイアログ ボックスを画面に表示します。

ダイアログボックスが表示されている間、背景ページをグレーアウトしたいと思います。ドキュメントに目を通しましたが、背景色への言及はありません。

http://api.jqueryui.com/dialog/

どんな助けでも大歓迎です。

編集： 助けてくれてありがとう...これで問題は解決しましたが、ダイアログボックスが表示されているときにユーザーが画面を下にスクロールすると、表示されているページの新しい部分がグレー表示されることがわかりました。

この modal:true は、現在表示されているものにのみ適用されるようです - ページ全体に適用する方法を知っている人はいますか? 再度、感謝します

4

3 に答える 3

2

次のように使用します。

<script>
  $(function() {
   $( "#dialog" ).dialog({modal: true});
 });
</script>

基本的に、modal：trueは、ウィジェットにオーバーレイを背景に表示する必要があるかどうか、または単純なダイアログボックスとして開くかどうかをウィジェットに通知します。

ここにドキュメントがあります

于 2013-03-14T12:01:27.677 に答える
1

modalプロパティを true に設定します (ドキュメントに示されているように):

$(function() {
    $("#dialog").dialog({
        modal: true
    });
});
于 2013-03-14T12:02:03.293 に答える