Как вызвать событие, когда целевой элемент находится под другой DIV

Question

Вот мой первоначальный HTML Структура

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

В моем DIV #cover применить плагин для перетаскивания его. Я использовал эту библиотеку: kentor/jquery-draggable-background и работал отлично!

НО Когда я хотел бы добавить оверлей DIV так:

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

желаемое поведение моего сНу #cover больше не срабатывает (я предполагаю, что это происходит от, потому что мой DIV # обложка «под» ДИВА # сокрытие наложение

Вот мой JSFiddle:. https://jsfiddle.net/4byfurnq/:. Вы можете проверить нормальное поведение, удалив DIV # сокрытия накладки и перетаскивание DIV (по оси Y) в результатах

Моих вопрос: Как вызвать желаемое поведение оболочки div # в этом случае?

Благодарю вас за помощь!

Answer 1

ли вы попробовать добавить

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

По крайней мере, это работает в вашей скрипке. Однако он не будет работать в IE10 и ниже.