JQUERY-ui dialog x button function

Question

Я использую jquery-ui dialog box. Моя проблема заключается в том, чтобы щелкнуть по кнопке x, чтобы закрыть диалоговое окно, мне также нужно выполнить функцию cancel().

Как я могу это сделать?

var content = 
{ 
    autoOpen : false, 
    modal  : true, 
    width  : 350, 
    minHeight : 50, 
    height  : 350, 
    position : "center", 
    resizable : false, 
    draggable : false, 
    close  : function() {$(".privacy_modal").prop("checked", false);}, 
    buttons: 
    { 
     "Cancel": function cancel() 
     { 
      $(".privacy_modal").prop("checked", false); $(this).dialog("close"); 
     }, 
     "Accept": function accept() 
     { 
      $(".privacy_modal").prop("checked", true); $(this).dialog("close"); 
     } 
    } 
}; 

ПРИМЕЧАНИЕ: Использование близко не решает мою проблему, поскольку он переопределяет функцию, когда я нажал на кнопку принять

Answer 1

Вы могли бы использовать переменную третьей стороной (bAccepts, который является ложным по умолчанию) и стороннего метода.

Когда пользователь принимает:

• Набор bAccepts к Истинной

Когда пользователь аннулирует:

• Набор bAccepts к ложному

Когда OnClose обжигают, вызов метод doClose(), который выполняет следующие действия:

• если bAccepts это правда => принимать
• еще => отменить

Вот некоторые ООН проверенные псевдо-код. См. working code.

var bAccepts = false; 
var content = { 
        autoOpen : false, 
        modal  : true, 
        width  : 350, 
        minHeight : 50, 
        height  : 350, 
        position : "center", 
        resizable : false, 
        draggable : false, 
        close  : function() { if (bAccepts) {...} else {...} }, 
        buttons: { 
         "Cancel": function cancel() { bAccepts = false; $(this).dialog("close");}, 
         "Accept": function accept() { bAccepts = true; $(this).dialog("close");} 
      } 
}; 

Answer 2

Работа демоhttp://jsfiddle.net/Ea6Hm/1/

Вы можете использовать: http://docs.jquery.com/UI/Dialog#event-beforeClose

с помощью beforeClose вы можете вызвать любую функцию, которую нужно вызвать перед диалоговым окном закрытия.

Надеется, что это помогает,

кода

$(document).ready(function() { 
    $('#theLink').click(function() { 
     $("#forgot-dialog").dialog("open"); 
    }); 

    $("#forgot-dialog").dialog({ 
     modal: true, 
     autoOpen: false, 
     height: 255, 
     width: 300, 
     beforeClose: function() { 
      alert("Do whatever before Close"); 
     }, 
     buttons: { 
      "Retrieve": function() { 
       document.forms["forgotform"].submit(); 
      }, 
      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     }, 
    }); 


});​