dialog - jQuery对话框关闭复选框

Question

我在 jsp 页面上有一个带有复选框的对话框。单击超链接时会打开此对话框。

我试图实现的功能受以下规则约束：

1. 该对话框仅应在选中内部复选框时关闭。
2. 如果对话框重新打开并且复选框已被选中，则用户可以单击页面上的任意位置将其关闭。

3. 如果重新打开对话框并且未选中或取消选中复选框，则用户只能通过选中复选框来关闭对话框。

   function closeDialog() {
      var checked = $('.checkboxClass').attr('checked');
   
      $('.ui-widget-overlay').live('click', function() {
   
       if(checked){
       $('#'+divId).dialog('close');
       }else{
       <!-- since unchecked, dialog should not be closed-->
           //$(document).unbind('click');
       //$('.ui-widget-overlay').unbind('click');
           $('.ui-widget-overlay').die('click');
       }
      });
   }   
   
   <!-- This detects if checkbox is clicked-->
   $('.checkboxClass').live('click', function() {
       var checked = $('.checkboxClass').attr('checked');
       if(checked){
           $('#'+divId).dialog('close');
       }
   });
   

我已经尝试了所有方法来执行第 3 步，即，如果用户单击对话框外的任何位置，则防止对话框关闭，但它会关闭。有任何想法吗？我正在使用 jQuery 1.4，因此更愿意保留.live()我知道已弃用的内容。

Answer 1

尝试将您的 .ui-widget-overlay 事件绑定更改为

$('.ui-widget-overlay').live('click', function(e) {
...

然后在 else 中做一个e.stopPropagation()？