javascript - 启动对话框时按钮仍然存在

Question

我正在使用 jQueryUI 并且我有一个带有几个链接的网页，单击这些链接将显示一个模式窗口。我遇到的问题是，当我单击一个有按钮的链接然后关闭它并单击另一个没有按钮的链接时，模式启动但按钮仍然存在。尽管没有指定任何按钮。我在创建调用 $(this).dialog("close") 的对话框时尝试使用 close 属性并不能解决问题。调用 $(this).dialog("destroy") 解决了这个问题，只是模态的内容随后显示在网页上。

这是我调用来启动模态的函数。

General.modal = function(options)
{   
    if(!options.hasOwnProperty(modal))
{
    options.modal = true;
}

$('#modal').dialog(options);
};

这是没有按钮的调用。

myApp.General.modal({
    title : groupTitle + " Documentation",
    height : 500, 
    width : 600, 
});

这是使用按钮调用该函数:

myApp.General.modal({
    title : "Upload Documentation (" + groupTitle + ")",
    height : 500,
    close: function(){$(this).dialog("close");},
    width : 600, 
    buttons : {
        "Upload" : jQuery.proxy(directoryView.uploadClicked, directoryView, model.get("gid"))
    }
});

Answer 1

我假设对话框没有被销毁，所以最后一个按钮定义仍然存在。您可能需要确保 buttons 属性在后续调用中为空:

myApp.General.modal({
    title : groupTitle + " Documentation",
    height : 500, 
    width : 600, 
    buttons : null,
});