2013-04-16 55 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