대화 플러그인 jQuery를 모바일

Question

승/나는 Clearbox 또는 fancyBox 같은 다른 오버레이/대화 플러그를 사용하는 경우 오버레이가 초기화 후, 내가 jQuery를 모바일의 사용 기능을 풀어 냈다. 대화 상자가 제대로 열리지 만 나는 그 아래 경고에 "페이지 오류"알 - 나는 대화 & 후 아무것도 다른 작품을 닫습니다에만 플러그 (대화) (즉, 장치 & 크롬 브라우저에 btn을도 다시 & 와이프).

오버레이 트리거 어떤이 : 내가 추가하는 경우

<a href="res/img/f1_1.jpg" rel="clearbox">Figure 1-1</a> 

을 : 대상 = "무언가"를 태그에는 경고가 사라지고 모두가 잘 작동; 그러나 이미지가 DOM과 대화 상자에로드됩니다. 이것은 분명히 바람직하지 않습니다. 문제를 해결할 수있는 해결 방법이 있습니까? 나는 jQuery-Mobile과 함께 제공되는 'in-the-box'대화 상자를 사용하고 싶지 않습니다.

Answer 1

jQuery를 모바일은 AJAX 호출을 사용하여 현재 페이지에있는 모든 링크를로드하려고합니다. 문제를 추측해야한다면 Clearbox 나 Fancybox가 실제로 이벤트를 먼저 처리하고 대화 상자가 예상대로 표시된다는 것입니다. 그 후 jQuery 모바일은 링크에 대한 click 이벤트를 처리하려고 시도하고 링크 자체를 열려고 시도하며 뭔가 잘못 될 수 있습니다. 추가 대상이 작동

이유는 jQuery를 모바일은 평소처럼 해당 링크를 처리하지 않는다는 것입니다. rel = "external"를 사용할 수 있다면 Clearbox 또는 Fancybox가 작동하는 데 다른 값을 필요로하지 않는 한 문제를 해결할 수 있습니다. 또 다른 옵션은 a-tag의 속성으로 data-ajax = "false"를 추가하는 것입니다.