单击覆盖或关闭按钮时关闭模式

Question

因此，我已经阅读了我可以找到的东西，但无法正常工作。

这是插件的原始代码：

// Close the modal window and overlay when we click the close button or on the overlay
$('.close-btn').click(function() {
    $('#overlay, .login-popup').fadeOut('300m', function() {
        $('#overlay').remove();
    });    
    return false;
});

我将其更改为：

$('.close-btn, #overlay').click(function() {
    $('#overlay, .login-popup').fadeOut('300m', function() {
        $('.close-btn').remove();
    });    
    return false;
});

我在这里错过了什么吗？谢谢！！！

Answer 1

首先检查您已在文件中包含任何latest version of jquery，

并将您的代码写入document.ready（）

尝试这个，

$(function(){// document.ready shorthand
    $('.close-btn').click(function() {
        $('#overlay,.login-popup').fadeOut('3000',function(){//use 3000 in place of 300m
            $('#overlay').remove();
        });    
        return false;
    });
});

实时演示

更新，如果您的elements是dynamic，则在（）上使用，例如，

$(function(){// document.ready shorthand
    $(document).on('click','#overlay, .close-btn',function() {
        $('#overlay,.login-popup').fadeOut('3000',function(){//use 3000 in place of 300m
            $('#overlay').remove();
        });    
        return false;
    });
});