Javascript jQuery UI关闭动态对话框…或仅打开对话框
我试图在函数调用结束时关闭打开的对话框,并使用当前按钮元素关闭对话框。下面是打开对话框的代码。正在使用“.modal_btn”的“rel”属性动态调用它。它按预期打开:Javascript jQuery UI关闭动态对话框…或仅打开对话框,javascript,jquery,jquery-ui,modal-dialog,Javascript,Jquery,Jquery Ui,Modal Dialog,我试图在函数调用结束时关闭打开的对话框,并使用当前按钮元素关闭对话框。下面是打开对话框的代码。正在使用“.modal_btn”的“rel”属性动态调用它。它按预期打开: modalDialog = function(dialogId){ $(dialogId).dialog({ modal: true, draggable: false, resizable: false, w
modalDialog = function(dialogId){
$(dialogId).dialog({
modal: true,
draggable: false,
resizable: false,
width: 'auto',
open: function() { $(".ui-dialog-titlebar-close").hide(); }
});
}
$('.modal_btn').live('click', function(){
var dialogId = $(this).attr('rel');
modalDialog(dialogId);
});
现在,在对话框打开后,我想使用我当前的HTML元素作为按钮:取消和保存按钮。save按钮执行ajax调用,ajax调用完成后,我想关闭对话框。此外,我想能够关闭打开的对话框,只需点击取消按钮。我似乎无法理解这个简单的功能…有什么想法吗?$(dialogId.dialog('close')代码>
根据评论进行编辑:
那么,这个怎么样。在modalDialog
函数中,将一个类应用于对话框本身:$(dialogId).addClass('current-open-dialog')
然后关闭单击函数可以执行$('.Current open dialog').removeClass('Current-open-dialog').dialog('close')代码>$(dialogId).dialog('close')代码>
根据评论进行编辑:
那么,这个怎么样。在modalDialog
函数中,将一个类应用于对话框本身:$(dialogId).addClass('current-open-dialog')
然后关闭单击函数可以执行$('.Current open dialog').removeClass('Current-open-dialog').dialog('close')代码>在按钮上放置文本的两种方法:标准取消和文本。但基本动作方法相同:
'Yes, Save and Exit': function()
{
callMyAjaxFuction();
$(this).dialog('close');
},
Cancel: function()
{
$(this).dialog('close');
}
在按钮上放置文本的两种方法:标准取消和文本。但基本动作方法相同:
'Yes, Save and Exit': function()
{
callMyAjaxFuction();
$(this).dialog('close');
},
Cancel: function()
{
$(this).dialog('close');
}
是的,这是我的第一个想法,但是dialogId不是通过点击close dialog按钮来定义的……让我们假设类是“.close\u dialog\u btn”……感谢您的快速响应!编辑了一个可能的解决方案。太棒了!喜欢创造性,斯图尔特。非常感谢。希望它对你有用:)如果有用,你可以给我第一个“正确答案”复选标记!是的,这是我的第一个想法,但是dialogId不是通过点击close dialog按钮来定义的……让我们假设类是“.close\u dialog\u btn”……感谢您的快速响应!编辑了一个可能的解决方案。太棒了!喜欢创造性,斯图尔特。非常感谢。希望它对你有用:)如果有用,你可以给我第一个“正确答案”复选标记!