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

Jquery 单击覆盖或关闭按钮时关闭模式?,jquery,window,modal-dialog,Jquery,Window,Modal Dialog,所以我读了我能找到的关于做这件事的资料,但没能让它工作 这是插件的原始代码: // 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

所以我读了我能找到的关于做这件事的资料,但没能让它工作

这是插件的原始代码:

// 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;
});
我是不是遗漏了什么?
谢谢

首先检查您是否在文件中包含了任何
最新版本的jquery

并用

试试这个

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

更新,如果您的
元素是
动态的
,则使用like


我做了,但有两件事:1。似乎覆盖层仍由小提琴上的按钮控制。2.如果我误解了,我还是在我这边尝试了,但没有成功。你能做一个
在线演示吗
?OneCraftyShop.com这是我目前的测试网站,请原谅混乱:)点击导航菜单中的登录,模态应该会弹出,但只有“x”(关闭)按钮起作用。点击覆盖没有做任何事情希望它是一些有用的有它在这里,所以你可以检查出来,但我不确定你可以解决它???我是新手,所以请原谅我。顺便说一下,非常感谢!
$(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;
    });
});