jquery mobile에서 페이지 변경 후 스 와이프 페이지 매김 브레이크

Question

Jquery Mobile 프레임 워크와 함께 모바일 스 와이프 터치 갤러리를 표시하려면 iDangerous Swiper 라이브러리를 사용하고 있습니다. 인덱스 페이지 (갤러리가있는 곳)를 떠나 다시 돌아 오면 페이지 매김 위젯이 제대로 작동하지 않는다는 점만 제외하면 잘 작동합니다. 그것은 여전히 ​​나타납니다 (나는 총알을 볼 수 있습니다). 그리고 그것은 여전히 ​​클릭 가능합니다. 즉, 총알을 "만져"갤러리가 해당 슬라이드로 스 와이프하고 총알이 "활성"상태가되지만 반대 방향으로는 작동하지 않습니다. 즉, 슬라이드 변경 사항에 응답하지 않습니다. 슬라이드를 스 와이프하면 현재 활성 글 머리 기호가 업데이트되지 않습니다.

$(document).on("pageshow", "#index-page", function(event) { 

    var mySwiper = new Swiper('.swiper-container',{ 
     pagination: '.pagination', 
     paginationClickable: true, 
     slidesPerView: 'auto' 
    }); 

}); 

페이지는 전역 범위를 유지하기 JQuery와 모바일의 = "true"를 데이터 아약스 속성으로 연결되어 있습니다 :

이

초기화 코드입니다.

Answer 1

그것은 나를 매김 swiper idangerous JQuery와 모바일

$(document).one("pageshow", "#page1", function (e) { 
     var swiper = new Swiper('.swiper-container', { 
     paginationClickable: true, 
     hashnav: true, 
     pagination: '.swiper-pagination', 
     hashnav: true });  
    function reinitSwiper(swiper) { 
     setTimeout(function() { 
     swiper.reInit(); 
     }, 500); 
    } 
});