在jquery中創建確認對話框

Question

$("#first").dialog({ width: 304, modal: true,

  beforeclose: function (e, ui) 
  {
        $("#confirm").dialog({ width: 500, modal: true,
            buttons: {
                "Confirm": function () {
                    document.location.href = "/Home/Index";
                },
                "Cancel": function () {
                    $(this).dialog('close');
                    return false;
                }
            }
        });
    }
});

#first對話框關閉，無需等待#confirm對話框打開。 我知道javascript的confirm()函數，但我想在這種情況下使用對話框。 我怎樣才能做到這一點？

Answer 1

從精細手冊 ：

beforeClose（event，ui）

對話框即將關閉時觸發。 如果取消，對話框將不會關閉。

所以你希望你的beforeClose處理程序return false以防止對話框關閉：

beforeClose: function(e, ui) {
    $("#confirm").dialog({ width: 500, modal: true, /* ... */ });
    return false;
}

您的“ 確認”按鈕會更改位置，因此您不必擔心beforeClose處理程序會阻止第二個對話框關閉第一個對話框。 如果你沒有改變頁面位置，那么你需要一些類型的標志來保持beforeClose防止所有關閉; 像這樣的東西，例如：

beforeclose: function(e, ui) {
     var $dlg = $(this);
     if($dlg.data('can-close')) {
         $dlg.removeData('can-close');
         return true;
     }
     $("#confirm").dialog({
         //...
         buttons: {
             Confirm: function() {
                 $(this).dialog('close');
                 $dlg.data('can-close', true);
                 $dlg.dialog('close');
             },
             Cancel: function() {
                 $(this).dialog('close');
             }
         }
     });
     return false;
 }

演示： http ： //jsfiddle.net/ambiguous/jYZpD/

Answer 2

我將回答我自己的問題，這很好：

$("#first").dialog({ width: 304, modal: true,

  beforeclose: function (e, ui) 
  {
        $("#confirm").dialog({ width: 500, modal: true,
            buttons: {
                "Confirm": function () {
                    document.location.href = "/Home/Index";
                },
                "Cancel": function () {
                    $(this).dialog('close');
                }
            }
        });
      return false;
    }
});