버블 링에서 바디로 스 와이프 중지

Question

나는 이미지 회전판과 이미지 갤러리 라이트 박스를 가지고 있는데, 둘 다 사용자가 사진을 스 와이프 할 수 있습니다. 그러나 측면 패널을 열기 위해 페이지 본문 전체에 스 와이프 이벤트가 있습니다.

하위 갤러리 요소에서 아래 코드를 사용해 보았지만 스 와이프 이벤트는 여전히 페이지 본문으로 부글 거리며 패널을 열었습니다.

누군가 내가 뭘 잘못하고 있는지 알고 있다면, 조언을 많이 드리게됩니다!

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

다음은 fiddle.

Answer 1

자바 스크립트는 대소 문자를 구분하는 언어입니다. 즉, 언어 키워드, 변수, 함수 이름 및 기타 식별자는 항상 문자의 일관된 대소 문자를 사용하여 입력해야합니다. 예를 들어, while 키워드는 "while"이나 "while"이 아닌 "while"을 입력해야합니다. 마찬가지로 online, Online, OnLine 및 ONLINE은 4 개의 별개의 변수 이름입니다. Source

당신은 swipeleft 및 swiperight이 (자본하지 유의 L 또는 R)를 사용합니다. 그러나 메뉴 여는 바인딩에서 올바른 대소 문자를 사용할 수 있습니다.

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

JSFIDDLE