2013-04-16 57 views
3

因此,我正在爲使用iDangerous Swiper插件的移動網站創建一個圖片框,並在嘗試使用時遇到問題。根據該網站的設置,found here,我構建了我的演示頁面,以確定他們的演示規範。但由於某種原因,該功能沒有運行,我不能滑動到下一個div。作爲一個移動網站,我使用Jquery和Jquery Mobile。有任何想法嗎?iDangerous Swiper沒有檢測到刷卡

<body> 

<div class="swiper-container"> 
    <div class="swiper-wrapper"> 

     <!--First Slide--> 
     <div class="swiper-slide"> 
     <img src="img/1.png" width="200" height="118"> 
     </div> 

     <!--Second Slide--> 
     <div class="swiper-slide"> 
     <img src="img/2.png" width="200" height="118"> 
     </div> 

     <!--Third Slide--> 
     <div class="swiper-slide"> 
     <img src="img/3.png" width="200" height="118"> 
     </div> 

     <!--Fourth Slide--> 
     <div class="swiper-slide"> 
     <img src="img/4.png" width="200" height="118"> 
     </div> 

     <!--Fifth Slide--> 
     <div class="swiper-slide"> 
     <img src="img/5.png" width="200" height="118"> 
     </div>  

    </div> 
</div> 

<script> 

$(function(){ 
    var mySwiper = $('.swiper-container').swiper(options); 
}) 

</script> 
</body> 
+1

你在哪裏設置「選項」變量要傳遞的?另外,如果您可以設置jsfiddle.net測試,那麼對於疑難解答將會有所幫助。 – Nate

+0

我也無法使它工作,雖然已按照'使用'頁面上的確切說明。設置swiper div看起來很容易。太糟糕了沒有iDangero.us的支持... – poepje

+0

我也有一個'

2

iDangero.us here!:)你的HTML是正確的。但是你的例子中的「選項」是什麼?這應該是一個帶參數的對象,或者如果你想使用默認選項,那麼就從你的例子中刪除「options」字樣:var mySwiper = $('。swiper-container')。swiper()

+0

真棒!非常感謝你,沒有意識到這是問題所在。謝謝您的幫助! – mhartington

+0

快速的問題,假設我想要使用滑塊的按鈕以及觸摸手勢,該函數會被調用什麼,'onClick =「??」' – mhartington

+0

謝謝!你能否說3Dflow是如何被激活的?我已經在Swiper選項中添加了'tdFlow:{}'及其選項,就像iDangero.us上的示例一樣,但不幸的是它並沒有使它成爲3D。是否需要3Dflow需要應用於swiper的另一個聲明? – poepje