javascript - jQuery - 对话框的多个实例将无法打开

Question

我有以下问题: 我使用对话框来显示其中的不同页面/内容，但是当打开两个不同的对话框时，它会崩溃并且无法再次打开。只要打开一个盒子就可以，甚至可以打开多次。当我打开第二个对话框时，它们都无法重新打开。我已经尝试“销毁”关闭时的对话框(如此处建议的 Jquery Dialog opening multiple dialogs )，但它没有帮助，我仍然只能打开每个框的一个实例，当打开两个不同的框时，它会崩溃，并且它们都不会崩溃重新开放。

我在 html 中有类似的东西:

<ul>
<li><a href="javascript:void(0)" id="link1">link1 title</a></li>
<li><a href="javascript:void(0)" id="link2">link2 title</a></li>
</ul> 

然后在 JavaScript 中:

$("#link1").click(function () {
$(function ()    {
        $('<div>').dialog({
            modal: false,
            open: function ()
            {
                $(this).load('somePage.php');
            },         
            height: 500,
            width: 1300,
            title: 'title1'
        });
    });
});
$("#link2").click(function() {
$(function ()    {
        $('<div>').dialog({
            modal: false,
            open: function ()
            {
                $(this).load('otherPage.html');
            },         
            height: 535,
            width: 880,
            title: 'title2'
        });
    });
});

Answer 1

您的$(function () { 不在正确的位置:

$(function ()    {
    $("#link1").click(function () {
        $('<div>').dialog({
            modal: false,
            open: function ()
            {
                $(this).load('somePage.php');
            },         
            height: 500,
            width: 1300,
            title: 'title1'
        });
    });
    $("#link2").click(function() {
        $('<div>').dialog({
            modal: false,
            open: function ()
            {
                $(this).load('otherPage.html');
            },         
            height: 535,
            width: 880,
            title: 'title2'
        });
    });
});

$(function() {…} 中的代码在文档加载时执行，这是在 HTML 元素上注册事件处理程序的最佳时机。