同一页面上有多个Ui对话框

时间:2012-10-22 21:35:04

标签: jquery ajax

我的页面上有多个链接,每个链接都会打开一个不同的UI对话框,

这是对话框代码:

$('#photo-form').dialog({
    autoOpen: false,
    modal:true,
    width: 500,
    height:460,
    buttons: {
        "Save": function() {
            // do some action 
            $(this).dialog('close'); // Close the Confirmation Box
        },
        "Cancel": function() {
            //if the User Clicks the button "cancel"
            $(this).dialog('close');
        }
    }
});

// if a user clicks on the "delete" image
$('a.album').click(function(e) {
    $('#photo-form').dialog('open');
});

我的问题是,一旦我打开第一个对话框,然后完成我需要对其执行的操作,然后通过单击保存或取消关闭它,

首先:当我点击第二个对话框的链接时,它没有打开,除非我重新加载页面而我不想这样做。

第二:当我再次尝试打开相同的对话框时,它会打开上一个瞬间,我需要重置它。

当我尝试使用$(this).dialog('destroy')代替$(this).dialog('close')来关闭第一个对话框时,我可以打开第二个对话框但是当我点击第一个对话框的链接时我无法再次打开它。

1 个答案:

答案 0 :(得分:0)

我无法弄明白你的意思。

试试这个jsfiddle

http://jsfiddle.net/Doinkmeister/gZBgR/

有2个对话框,单击时都会打开。

请提供您的HTML代码,因为问题可能存在。

$(this).dialog('close'); 应该做的伎俩。

是document.ready()

中的所有代码

尝试在

中添加所有代码
$(function(){
    $('#photo-form').dialog({
        autoOpen: false,
        modal:true,
        width: 500,
        height:460,
        buttons: {
           "Save": function() {
               // do some action 
               $(this).dialog('close'); // Close the Confirmation Box
            },
            "Cancel": function() {
                //if the User Clicks the button "cancel"
                $(this).dialog('close');
            }
        }
    });

    $('a.album').click(function(e) {
        $('#photo-form').dialog('open');
    });
});