当目标元素在另一个div下时如何触发事件

Question

这是我最初的 HTML 结构

<div id="cover"></div>

在我的 div #cover 应用一个插件来拖动它。我使用了这个库：kentor/jquery-draggable-background 并且工作正常！

但是当我想像这样添加一个覆盖 div 时：

<div id="cover">
  <div id="cover-overlay"></div>
</div>

不再触发我的 div #cover 所需的行为（我猜它来自因为我的 div#cover 在 div#cover-overlay 的“下方”。

这是我的 JSFiddle：https://jsfiddle.net/4byfurnq/：您可以通过删除 div #cover-overlay 并在结果中拖动 div（在 Y 轴上）来测试正常行为。

我的问题：在这种情况下如何触发我的 div#cover 的预期行为？

感谢您的帮助！

Answer 1

您是否尝试添加

$('#cover-overlay').css('pointer-events', 'none');

至少这在你的小提琴中有效。但在IE10及更低版本下无法使用。