停止从冒泡刷到身体

Question

我有一个图片轮播和一个图片库灯箱，它们都允许用户滑动浏览照片。但是，整个页面主体也有一个滑动事件，用于打开侧面板。

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

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

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

这是小提琴。

Answer 1

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

来源

您需要使用

swipeleft

和

swiperight

（注意不是大写

L

或

R

）。但是，您的菜单打开绑定中的大小写是正确的。

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

JSFIDDLE