jQuery UI 对话框不会关闭

Question

在我的网页上有一个按钮可以打开模式 jQuery 对话框。单击按钮时运行的代码如下:

$('#main-onoffline-container').append('<div id="dialog-modal-a"></div>');

    $("#dialog-modal-a").dialog({
        title:'Add Tags'
        , autoOpen: false
        , modal: true
        , height: 540
        , width:700
        , close: function (ev, ui) { alert('closing'); }
        ,open: function() {
            $("#dialog-modal-a").html('Some html will go here')
        }
    });

    $("#dialog-modal-a").dialog("open");

如您所见，我向 DOM 添加一个 div，然后针对新添加的 div 调用对话框方法。

该对话框可以正常打开并显示 html 以及 X 关闭按钮。但是，当我点击 X 按钮关闭对话框时，它不会关闭。控制台显示来自 jquery-1.6.4.min.js 的以下错误:

Uncaught RangeError: Maximum call stack size exceeded

有人知道问题出在哪里吗？

更新:经过长时间的 session 后，我发现某些 js 库的顺序正在影响这一点:

如果我包含如下文件，则会出现问题:

<script src="../../Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.7.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.validate.min.js" type="text/javascript"></script>

如果我按如下方式包含文件，那么问题就会消失:

<script src="../../Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.7.min.js" type="text/javascript"></script>

这看起来真的很奇怪 - 我认为你应该在文件顶部包含核心 jQuery 内容？

(验证库是 Jörn Zaefferer 插件)

我提出了一个不同的问题来插入这一点:jQuery library include order causes error

Answer 1

问题是由于 js 库冲突 - 请参阅我在主要问题中的最终评论