Jquery对话框关闭问题

Question

我正在使用jquery ui对话框。我的问题，我想跟踪好的按钮并关闭对话框，分别是对话框上的X按钮。如果使用X按钮关闭对话框，则不应发生对话框关闭事件。

Answer 1

使用不会超过页面上每个对话框的CSS。

CSS

.no-close .ui-dialog-titlebar-close {display: none }

HTML

<div class="selector" title="No close button">
    Dialog box without close button
</div>

演示

http://jsfiddle.net/AGZKF/413/

Answer 2

如果使用jQuery，您可以尝试使用beforeClose选项！

$( "#yourdialog" ).dialog({
   beforeClose: function(event, ui) { ... }
});

Answer 3

你可以跟踪这样的按钮。这样你就不会跟踪X按钮，而只是跟踪你想要的那些。

$( ".selector" ).dialog({ 
   buttons: [ { text: "Ok", click: function() { 
      //TRACK IT HERE
      $( this ).dialog( "close" ); 
   } } ] 
});

Answer 4

您应该使用dialogclose事件

$( ".dropDownBox" ).on( "dialogclose", function( event, ui ) {} );

然后你可以使用函数内部的事件变量找到它是x或ok按钮