2012-04-11 3 views
7

내 앱에서 swipeleft/swiperight가 잘 작동하지만 사용자가 앵커 태그 위에 마우스를 놓으면 스 와이프 동작이 실행되지 않습니다.앵커 태그에서 시작할 때 JQuery-Mobile 스 와이프가 작동하지 않음

사용자가 앵커 태그에서 mousedown을 수행하는 경우에도 어떻게 스 와이프 작업을 할 수 있습니까?

편집 : 컴퓨터의 브라우저에서만 문제가되는 것처럼 보입니다. 태블릿은 정상적으로 작동합니다.

답변

8

바탕 화면의 최신 브라우저에서 일반 왼쪽 버튼으로 스 와이프 할 수 있습니다.

div의 dragstart 이벤트에 대한 기본 동작을 방지해야합니다.

$("div").bind('dragstart', function(event) {event.preventDefault(); }); 

나는이 모든 버튼, 선택, 텍스트 영역, 입력 및 앵커 필터, 나에 관해서는 "excludedElements"를 기인했다

http://jsfiddle.net/38nXe/

+1

참조 touchSwipe 플러그인 문서는 흠 ... 나를 위해 작동하지 않습니다. 컨베이어 div> ul> li> a> img가 있습니다. 해당 트리의 각 요소에 끌림을 방지하려고했습니다. 다른 문제가있는 것 같아요. 이미지를 풀면 작동합니다. – Rantiev

+0

어떤 브라우저를 사용하고 있습니까? js 바이올린을 게시 할 수 있습니까? – Trent

+0

위 링크를 작동중인 jsfiddle로 변경했습니다. 확인 해봐. http://jsfiddle.net/38nXe/ – Trent

2

마우스 오른쪽 버튼을 사용하여 데스크톱 브라우저에서 스 와이프 할 수 있습니다. 컨텍스트 메뉴가 열리기 때문에 너무 우아하지 않습니다. 하지만 어디에서나 작동합니다. 알렉스

0

여기에 작업 복사본을 가지고 ....

작동 시키려면 예를 들어 빈 배열이있는 추가 매개 변수를 추가하십시오.

$ ("# test") 스 와이프 ({ excludedElements : [] )); 여기 enter link description here

관련 문제