单击事件处理程序永远不会执行

Question

我正在使用 iwideo 脚本将背景视频添加到 div 元素。这很好用。现在我想实现通过单击脚本创建的覆盖元素（具有类

iwideo-overlay

）来暂停视频的可能性。虽然我可以看到脚本以预期的方式执行（使用浏览器调试器），并且我可以看到事件侦听器已添加到元素中，但当用户单击元素时，事件处理程序不会执行。

可以在 codepen 找到演示（我可以将其发布到此处，但如果没有看到生成的标记，它可能没有意义）。

Answer 1

最终的罪魁祸首是为

z-index: -1;

元素设置的

iwideo-wrapper

样式。当我删除它时，它工作得很好。