Question

我有一个图像轮播和图片库灯箱，两者都允许用户滑动照片。但是，在页面的整个主体上还有一个滑动事件，用于打开侧面板。

我尝试在子库元素上使用以下代码，但滑动事件仍然冒泡到页面正文并打开面板。

如果有人知道我做错了什么，我们非常感谢任何建议！

$('.lightbox, .carousel').bind('swipeLeft swipeRight', function(event) {
    event.stopPropagation();
    event.preventDefault();
    event.stopImmediatePropagation();
});

这里是fiddle.

Answer 1

JavaScript是一种区分大小写的语言。这意味着语言关键字，变量，函数名称和任何其他标识符必须始终使用一致的字母大小写。例如，while关键字必须键入＆＃34;而＆＃34;，而不是＆＃34; while＆＃34;或＆＃34; WHILE＆＃34;。同样，online，Online，OnLine和ONLINE是四个不同的变量名称。

Source

您需要使用swipeleft和swiperight（请注意不是资本L或R）。但是，您在菜单打开绑定中具有正确的大小写。

$('.carousel').bind('swipeleft swiperight', function(event) {
    event.stopPropagation();
});

<强> JSFIDDLE

停止从冒泡到身体滑动

1 个答案: