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

标签 javascript jquery jquery-ui

我正在使用 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"))
    }
});

最佳答案

我认为对话框没有被破坏,因此最后一个按钮定义仍然存在。您可能需要确保后续调用中的 Button 属性为 null:

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

关于javascript - 启动对话框时按钮仍然存在,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22081658/

相关文章:

javascript - 在选项卡上的内容可编辑 div 内获取 focus()

javascript - 无法在 backbone.js 应用程序的绑定(bind)回调中访问 "this"

javascript - 选择文本时阻止 onClick 事件

javascript - HTML5 范围输入值在 Bootstrap 弹出框内没有改变

jquery-ui - jQuery:将鼠标悬停在其上时保持切换的子元素打开

javascript - JSON htmlentities javascript

javascript - 子文件夹中的 Vue CLI 3 SPA,根目录中的静态 HTML 页面

javascript - JQuery UI 自动完成仅适用于 IE8

java - 当您使用 Jquery 按下按钮时,我试图让页面滚动速度变慢?

jquery - 数据表分页和服务器端处理