jQuery UI 对话框 - 一旦我向应用程序添加第二个对话框，它就会中断？

Question

我已将 jQuery UI 对话框添加到我的 Rails 3 Web 应用程序中，如下所示:

 permissions = $('<div id="dialog-content"></div>')
.html('<div class="notification"><h4>Loading...</h4></div>')
.dialog({
    autoOpen: false,
    dialogClass: 'dialog',
    width: 460,
    minHeight: 80,
    position: ['center',130],
    open: function() {
        $.ajax({url: '/stuff/'})
    },
    close: function() {
        $('#dialog-content').html('<div class="notification"><h4>Loading...</h4></div>');
    }       
});

$(".teammember-dialog").live("click",function(){
    permissions.dialog('open');
    return false;
});

令我困惑的是我刚刚向我的应用程序添加了另一个对话框，如下所示:

 dialogstuff2 = $('<div id="dialog-content"></div>')
.html('<div class="notification"><h4>Loading...</h4></div>')
.dialog({
    autoOpen: false,
    dialogClass: 'dialog',
    width: 460,
    minHeight: 80,
    position: ['center',130],
    open: function() {
        $.ajax({url: '/stuff/'})
    },
    close: function() {
        $('#dialog-content').html('<div class="notification"><h4>Loading...</h4></div>');
    }       
});

$("#addlink").live("click",function(){
    dialogstuff2.dialog('open');
    return false;
});

对于第二个对话框，它会破坏两个对话框。它们都会打开，但不会响应对话框调用 Web 服务器时加载的 JS。如果我删除第二个，第一个就可以正常工作。但是，当两者都在页面上时，当我单击加载其中一个时，对话框保持静止状态，并显示默认加载文本“正在加载...”

有人见过这个吗？谢谢

Answer 1

我在代码中注意到的一件事是两个对话框都有一个外部 div，其 id 为 dialog-content。您可能想让它们不同，看看会发生什么，因为浏览器/jQuery 可能不喜欢这样。