这是我想要做的: 创建绝对定位的全局“手势容器”,宽度和高度100%,以及高于文档中所有其他元素的z索引. 这是我的问题: 当我创建这个容器时,我绝对定位的元素阻止绑定到它下面
创建绝对定位的全局“手势容器”,宽度和高度100%,以及高于文档中所有其他元素的z索引.
这是我的问题:
当我创建这个容器时,我绝对定位的元素阻止绑定到它下面的所有内容的click事件.
$(document).ready(function() { $(document).on('click touchstart', '.block', function() { var $this = $(this); if(!$this.hasClass("disabled")){ $this.addClass("disabled") $this.openPopUp(); } return false; }); });
注意我正在使用jQuery 1.7.2中新的.on()调用,我将其设置为与.live()一样的功能.
为什么我的元素不接受我的点击?看起来我的手势区域正在阻止它,但有没有办法绕过它?
解决方案一. CSS.设置指针事件:无;但这仅适用于Firefox,Chrome和Safari.解决方案二. JavaScript的. http://www.vinylfox.com/forwarding-mouse-events-through-layers/