Jquery 绝对定位的具有高Z索引的DIV正在阻止其下方的单击事件

以下是我试图做的：

创建一个绝对定位的全局“手势容器”，宽度和高度为100%，z索引高于文档中的所有其他元素

我的问题是： 当我创建这个容器时，我的绝对定位元素正在阻止绑定到它下面的所有内容的单击事件

$(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
 你太棒了！天哪，链接太棒了！直到现在我才知道这是件事！非常感谢。