如何解决jQuery模式窗口未隐藏
“模态”窗口正在使用以下代码
$(function() {
$('.popup-open').click(function() {
$('.popup-fade').fadeIn();
return false;
});
$('.popup-close').click(function() {
$(this).parents('.popup-fade').fadeOut();
return false;
});
});
但是,重新加载页面时会自动打开窗口。该如何解决?
我试图将visible: hidden
放入CSS,但是如果这样做,则需要使用方法(.popup-window).attr({'popup-window':'active'})
。
在这种情况下,重新加载页面后它不会出现,但是在关闭之前它可以工作一次。即使我从窗口removeAtr
也不会调用它,并且它不再出现。
$(function() {
$('.popup-open').click(function() {
$('.popup-fade').attr({
"class": "popup-fade active"
});
$('.popup').attr({
"class": "popup active"
});
return false;
});
$('.popup-close').click(function() {
$(this).parents('.popup-fade').fadeOut();
$('.popup-fade').attr({
"class": "popup-fade"
});
$('.popup').attr({
"class": "popup"
});
return false;
});
});
请帮助。
解决方法
问题在于,模式窗口已从bootrsap选项更改,也就是说,默认情况下它没有display: none;
与Google chrome中的代码构造函数一起检查后,发现Fadein为窗口增加了透明度,我不明白为什么可见性不起作用
以样式模式添加style="display: none;"
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。