javascript - JQuery 对话框模式选项不起作用

Question

这是 HTML 代码:

<div id="dialog" title="lala" style="display:none;">
        <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

这是 JavaScript

$bb('#addTopicButton').live('click',function() {

     $bb( "#dialog" ).dialog({ modal:true, closeOnEscape: false, draggable:false, resizable:false }); 

       });

为什么模态不起作用？当它打开时，我仍然可以单击页面上的其他链接并在后台执行操作。

非常感谢

更新:它似乎在工作。只有链接在后台处于事件状态并且正在工作。如何禁用所有内容，包括链接？

Answer 1

您可能只需要将 jQuery UI CSS 添加到您的页面。

Google 在其 CDN 上有这个:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css

对话框上的模态选项会在您的对话框下方创建一个覆盖层，但会覆盖其余内容。此叠加层需要 jQuery UI CSS 才能正常运行。