当目标元素在另一个元素下时如何触发事件 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 是 "under" div#cover -覆盖。

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

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

感谢您的帮助！

Answer 1

你试过添加

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

至少这在您的 fiddle 中有效。但是，它不适用于 IE10 和更低版本。