jquery对话框关闭与复选框

时间:2012-10-29 22:29:18

标签: dialog jquery

我在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');
        }
    });
    
  4. 我已尝试执行所有操作以执行步骤3,即,如果用户单击对话框外的任何位置,则会阻止对话框关闭,但它会关闭。有任何想法吗? 我使用的是jQuery 1.4,因此我希望保留.live(),我知道这种情况已被弃用。

1 个答案:

答案 0 :(得分:1)

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

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

然后在其他地方做一个e.stopPropagation()