Перетаскивание слоев с помощью jQuery

Question

У меня на экране два слоя (DIV) с разными Z-индексами (1 и 2). Я хотел бы иметь возможность перетаскивать нижний слой (с z-index: 1), используя jQuery. Как бы я этого достиг? Как передать движение мыши и щелчки нижнему слою?

Answer 1

Вы можете легко настроить перетаскивание DIV с помощью пользовательского интерфейса jQuery.Просто позвоните

$("#mydiv").draggable();

Z-индекс будет тем, что вы дадите DIV в своем CSS.Убедитесь, что вы установили атрибут позиции в обоих DIV (абсолютный или относительный, это не имеет значения).Если вы хотите передать событие перетаскивания в нижний слой, запишите событие для верхнего слоя и затем используйте .trigger () для его передачи, как показано ниже.

$("#top").mousedown(function(event){
    $("#bottom").trigger(event);
});

Возможно, вам также следует добавить несколькокод для проверки того, что на самом верху слоя мыши мышь находится над нижним слоем.