在jquery mobile上換頁後swiper分頁制動器

我使用iDangerous Swiper庫來顯示與Jquery Mobile框架結合使用的移動輕掃觸摸庫。它工作正常，除非如果我離開索引頁（圖庫所在）然後回來，分頁小部件無法正常工作。它仍然出現（我可以看到子彈），它仍然是可點擊的，也就是說，如果我「觸摸」一個子彈，畫廊就會滑向相應的幻燈片，並且子彈變爲「活動」，但它不會以相反的方式工作，換句話說，它不會響應幻燈片更改：如果我滑過幻燈片，當前活動項目符號不會更新。在jquery mobile上換頁後swiper分頁制動器

這是初始化代碼：

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

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

});

頁面與jQuery Mobile的的數據阿賈克斯=「真」屬性保護全球範圍的聯繫。

來源

2014-07-05 Marco Gagliardi

你應該只有一次初始化。用'.one（）'替換'.on（）'。 – Omar

或使用'pageinit'事件，這被稱爲一次 – Sga

這解決了問題一起data-ajax = true屬性顯式聲明在鏈接中，謝謝！ –

它幫助我分頁刷卡idangerous jQuery Mobile的

$(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); 
    } 
});

來源

2015-03-27 03:46:24

在jquery mobile上換頁後swiper分頁制動器

回答

相關問題