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;
    });
});

Live Demo

已更新，如果您的elements为dynamic，请使用on()，

$(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;
    });
});

单击叠加或关闭按钮时关闭模态？

1 个答案: