自定义弹出框不关闭
自定义弹出框不关闭
提问于 2015-05-24 22:39:10
我已经在这个网站上做了一个自定义的弹出框http://dutchinnovators.nl/dev/
通过单击六边形，隐藏的div结构将被复制并添加到#page，然后淡入。这一切都运行得很好。但是，.bedrijf-popup不想关闭
似乎Click操作没有被识别，我已经尝试了一段时间来修复它，并在论坛上搜索了一下，但没有成功。
任何帮助关闭此弹出窗口将不胜感激！
HTML
<div class="bedrijf-popup">
<div class="popup_black-bg"></div>
<div class="popup_container">
<div class="popup-close"></div>
<content divs>
</div>
</div>
</div>jQuery
jQuery('.popup-close').each(function() {
jQuery(this).bind('click', function(){
jQuery('#page > .bedrijf-popup .popup_black-bg').animate({'opacity': 0}, 500);
jQuery('#page > .bedrijf-popup .popup_container').delay(500).animate({'opacity': 0}, 500);
jQuery('#page > .bedrijf-popup').remove();
});
});回答 1
Stack Overflow用户
发布于 2015-05-24 22:55:11
请尝试此替代方案
jQuery(document).bind("click", ".popup-close", function() {
jQuery('#page > .bedrijf-popup .popup_black-bg').animate({'opacity': 0}, 500);
jQuery('#page > .bedrijf-popup .popup_container').delay(500).animate({'opacity': 0}, 500);
jQuery('#page > .bedrijf-popup').remove();
});或
jQuery(document).bind("click", ".popup-close", function() {
jQuery(this).parents('.bedrijf-popup').find('.popup_black-bg').animate({'opacity': 0}, 500);
jQuery(this).parents('.bedrijf-popup').find('.popup_container').delay(500).animate({'opacity': 0}, 500);
jQuery(this).parents('.bedrijf-popup').remove();
});因为你使用的是jQuery 1.7.1，所以你可以用'on‘代替'bind’
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30424717
复制相关文章
相似问题