Остановить салфетки от пузырей до тела

Question

У меня есть карусель изображений и галерея изображений, которые позволяют пользователям прокручивать фотографии. Тем не менее, во всём теле страницы есть также событие салфетки, чтобы открыть боковую панель.

Я попытался использовать нижеследующий код в элементах дочерней галереи, но события салфетки все еще пузырятся в теле страницы и открывают панель.

Если кто-то знает, что я делаю неправильно, любой совет очень ценится!

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

Вот fiddle.

Answer 1

JavaScript является чувствительный к регистру язык. Это означает, что ключевые слова, переменные, имена функций и любые другие идентификаторы всегда должны вводиться с последовательной заглавной буквой. Ключевое слово while, например, должно быть напечатано «while», а не «While» или «WHILE». Аналогично, онлайн, Online, OnLine и ONLINE являются четырьмя различными именами переменных.

Source

Вы должны использовать swipeleft и swiperight (обратите внимание, не заглавная L или R). Однако у вас есть правильная заглавная буква в вашем открытии меню.

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

JSFIDDLE