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

时间:2014-02-27 22:12:47

标签: javascript jquery jquery-ui

我正在使用jQueryUI,我有一个带有几个链接的网页,点击后会显示一个模态窗口。我遇到的问题是,当我点击其中一个带有按钮的链接然后关闭它并单击另一个没有按钮的模块启动按钮但按钮仍在那里。尽管事实上没有指定任何按钮。我在创建调用$(this)的对话框时尝试使用close属性.dialog(“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"))
    }
});

1 个答案:

答案 0 :(得分:2)

我认为对话框没有被破坏,所以最后一个按钮定义就在这里。您可能需要确保后续调用中的buttons属性为null:

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