0

在下面的代码中，我使用了 jquery blockui 的对话框功能。但它不工作。当我按 ctrl+space 时，我无法找到将显示一个对话框的功能。请建议一些代码，我可以使用它来创建一个对话框。我想禁用父 html 页面，只关注打开的显示对话框。

<html>
    <head>
 <script type="text/javascript" src="bootmetro/scripts/jquery-1.8.2.js"></script>

<script type="text/javascript" src="bootmetro/scripts/jquery.blockUI.js"></script>


<script type="text/javascript">
$(document).ready(function(e) {
    alert('loaded');
    $('#button1').click(function()
    {
        $('#dialog1').dialog();


    });

});
</script>

</head>
<body>
<input id="button1" class="" type="button" value="Button">

<div id="dialog1">
This is dialog
</div>
</body>
</html>
4

2 回答 2

0

您可以使用模态选项

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

演示：小提琴

于 2013-09-17T08:13:17.643 回答
0

要使用blockUI 对话框，您必须以这种方式使用它。

 $.blockUI({ message: $('#dialog1'), css: { width: '275px' } });

您正在尝试使用 jQuery 对话框。要使用 jQuery 对话框，您必须在 html 中包含jQueryUI

于 2013-09-17T08:13:25.673 回答