我已经在这个网站上做了一个自定义的弹出框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();
});
});
发布于 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’
https://stackoverflow.com/questions/30424717
复制相似问题