1

ページに複数のリンクがあり、それぞれが異なる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');
});

私の問題は、最初のダイアログを開いて、そのダイアログで実行する必要のあるアクションを終了し、[保存]または[キャンセル]をクリックして閉じることです。

まず、2番目のダイアログのリンクをクリックしても、ページをリロードしない限り開きませんでした。これを実行したくありません。

2番目：同じダイアログをもう一度開こうとすると、前の瞬間が開きます。リセットする必要があります。

$(this).dialog('destroy')代わりに、最初のダイアログを閉じるために使用しようとすると$(this).dialog('close')、2番目のダイアログを開くことができますが、最初のダイアログのリンクをクリックすると、再度開くことができませんでした。

4

1 に答える 1

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');
    });
});
于 2012-10-23T06:34:21.293 に答える