Question

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

以下是我能描述的最佳方式：JSFiddle Example

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

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/

这只是一个示范。在生产代码中，您应该存储目标元素的引用，并且仅在该引用上转发事件。（更新）

如何允许用户拖动顶层下面的图层中的内容？

1 个答案: