javascript - 如何允许用户将内容拖动到顶层以下的层中？

Question

我需要允许用户拖动其他层后面的内容或通过层的透明部分可见的内容。

这是我能描述的最好的方式:JSFiddle Example

在示例中，我希望能够在图层 1 和图层 3 之间拖动图层 2。我不确定这是否可行。使所有图层都可拖动很容易，但我需要图层 1 和图层 3 在用户定位图层 2 时保持静止。

Answer 1

您可以通过将任何感兴趣的事件转发给该元素来创建类似于管道 的东西。这可以通过调用 jQuerys .trigger() ^{轻松完成 help}

var $layer2 = $('div#container>#layer-2'),
    $layer3 = $('#layer-3');

$layer3.bind('click mousedown mouseup', function(e) {
    $layer2.trigger(e);
});
$layer2.draggable();

演示:http://jsfiddle.net/Tfk2p/3/

这只是一个演示。在生产代码中，您应该存储目标元素的引用，并且只通过该引用转发事件。 (更新)