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