Question

我试图在按钮点击时显示模态对话框，但是有时在焦点超出窗口之前没有任何反应，或者在显示对话框之前需要几秒钟。我究竟做错了什么？我使用的是jquery v1.11.2和jquery-ui v1.11.3 这是代码：

$(function() {
    $("#myID1").button().click(function (e) {
        $('<div>test dialog</div>').dialog({
            autoOpen: true,
            modal: true,
            title: '-- test --',
            buttons: {
                "Cancel": function () {
                    $(this).dialog("close");
                }
            }
        });
    });
});


<body>
<button id="myID1" class="myClass">test1</button>
</body>

Answer 1

在HTML代码中添加任何 Jquery库路径 这样就会删除ReferenceError: $ is not defined错误。

您可以在head标记内添加以下链接：
<head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script></head>

演示：

See Demo with Jquery reference

Answer 2

我测试了一些其他浏览器，它似乎只是一个 “Firefox ESR 31.5.0”的问题

ui.button打开模态对话框不起作用

2 个答案:

演示：