移動端滑動外掛程式 swiper

標籤：

swiper.js能適用於用PC網頁，也能使用移動端頁面，之前用TouchSwipe，感覺沒有swiper.js強大，TouchSwipe有一個bug,在滑動地區有串連的時候（大面積的a），預設點擊會無效，只能滑動，即時用jq去類比點擊也是失效的，也許是自己沒有發現正確使用方法，求問度娘，發現swiper神器。。。

下面放上代碼，

//滑動效果        var swiper = new Swiper(‘.swiper-container‘, {            pagination: ‘.swiper-pagination‘,//分頁            paginationClickable: true,//是否允許點擊            paginationBulletRender: function (index, className) {                return ‘<a class="‘ + className + ‘">‘ + aNav[index] + ‘</a>‘;//自訂分頁導航的樣式，如果不需要自訂分頁樣式,這段刪除即可

  } });

如果不需要分頁，直接 

var swiper = new Swiper(‘.swiper-container‘)即可

中文介紹網站：http://www.swiper.com.cn/

英文網站：http://www.idangero.us/swiper/#.ViWxbdKqpBc

移動端滑動外掛程式 swiper