iDangerous Swiper未检测到滑动

Question

因此，我正在为使用iDangerous Swiper插件的移动网站创建一个图像选框，并在尝试使用它时遇到问题。 根据网站设置，在此处找到，我将我的演示页面构建为他们演示的确切规格。 但由于某种原因，该功能没有运行，我无法刷到下一个div。 作为一个移动网站，我正在使用Jquery和Jquery Mobile。 有任何想法吗？

<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>

Answer 1

iDangero.us在这里！:)你的HTML是正确的。 但是你的例子中的“选项”是什么？ 这应该是一个带参数的对象，或者如果你想使用默认选项，那么只需从你的例子中删除“options”一词，如：var mySwiper = $（'。swiper-container'）。swiper（）

Answer 2

要使用Swiper按钮，您需要在mySwiper对象上使用.swipeNext（）和.swipePrev（）方法，如：

<!-- Add somewhere in HTML your buttons:-->
<span class="button-next">Next button</span>
<span class="button-prev">Previous button</span>
<script>
$(function(){
  var mySwiper = $('.swiper-container').swiper();
  //"Next" button - some HTML element with "button-next" class
  $('.button-next').click(function(){mySwiper.swipeNext()})
  //"Prev" button - some HTML element with "button-prev" class
  $('.button-prev').click(function(){mySwiper.swipePrev()})

})
</script>

iDangerous Swiper未检测到滑动

问题描述

2 个解决方案

解决方案1
2 2013-04-18 22:09:21

解决方案2
2 已采纳 2013-04-19 19:10:45

iDangerous Swiper未检测到滑动

问题描述

2 个解决方案

解决方案1 2 2013-04-18 22:09:21

解决方案2 2 已采纳 2013-04-19 19:10:45

解决方案1
2 2013-04-18 22:09:21

解决方案2
2 已采纳 2013-04-19 19:10:45