禁用重叠div上的触摸事件,以便底层div接收它们

时间:2012-10-06 07:03:38

标签: javascript jquery javascript-events

我正在开发一个移动网络图库,用户可以左右拖动幻灯片图片,所有图片都很棒。

问题在于,当我用绝对定位覆盖div时,其中有一个按钮,下面div的触摸事件似乎没有被触发。我在覆盖的div上尝试了pointer-events:none;,但这似乎不起作用。

是否可以通过覆盖div禁用触摸事件,以便z-index底部的div接收它们?

提前致谢。

1 个答案:

答案 0 :(得分:1)

您可以在覆盖div上捕获触摸事件并将其委托给底层div以模拟此

$('#myDiv').click(function(event){
event.preventDefault();
$('#myOtherDiv').trigger(event);
});

沿着这些方向行事(在基础div上使用.trigger或仅.click