如何在目标元素位于另一个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及更低版本。