因此,我正在为使用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>

===============>>#1 票数:2

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

===============>>#2 票数: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>

  ask by mhartington translate from so

未解决问题?本站智能推荐:

2回复

在危险的垂直滑动器中需要垂直滚动条

我正在使用jquery mobile在移动应用程序中使用两张幻灯片的危险垂直滑动器。 我在第二张幻灯片中需要一个垂直滚动条,因为其中有网格,但是由于幻灯片高度是固定的,所以无法实现。 我认为滑动事件和滚动事件将发生冲突。 我已经尝试了很多方法,但无法打破。 谢谢,E。Ramesh B
2回复

iDangerous Swiper,将幻灯片设置为不同的计时器

我似乎无法让每张幻灯片的滑动时间都不同。 例如,如果我有5张幻灯片,则每张幻灯片会自动播放,但基于不同的计时器。 幻灯片1为5000毫秒,幻灯片2为10000毫秒,依此类推... 到目前为止,这是我所拥有的,但似乎不想工作。 JS: -方法1 HTML: -用于两种方法
1回复

iDangerous滑动不起作用

我一直试图在雨刷器上放置一个下一个/上一个按钮,但我无法使其正常工作,我尝试了各种方法,但它只是不起作用,有人可以指出为什么它不起作用。 我正在使用jquery而不是zepto。 试过这个。 这就是我初始化刷卡的方式,效果很好。
1回复

iDangerous Swiper滑块,自定义叠加层不随Restslider缩小

我有使用iDangerous Swiper插件的滑块。 她是小提琴: http : //jsfiddle.net/2vNTw/1/ 滑动滑杆设置为轮播模式,最大宽度为1275像素。 在此,我为非活动图像/不在中心的图像制作了自定义叠加层。 当未按比例缩小叠加层时,叠加层工作正常,
3回复

Idangerous Swiper,需要取消滑动到下一张幻灯片

我有问题。 我需要在幻灯片中验证一些内容,如果它无效,请不要更改幻灯片。 这是代码,但它不起作用。
1回复

iDangerous Swiper 2:改变第一张和最后一张幻灯片的CSS /箭头样式?

我严格按照旧版本的组队,探索(v2.7.6)以及jQuery的(v1.10.1)的工作 我正在尝试在第一张或最后一张幻灯片处于活动状态时更改左右箭头的不透明度。 (如果在第一张幻灯片上,左箭头将是较低的不透明度,如果在最后一张幻灯片上,则与右箭头相同。 如果中间幻灯片,箭头将返回完
1回复

在隐藏的div中滑动

滑动滑块有麻烦。 我们在页面上有2个隐藏的幻灯片,第1个可见的幻灯片工作正常,但是其他幻灯片无效,所有幻灯片都具有完整宽度,并且没有滚动。
1回复

未检测到jQuery移动主题

我刚刚使用jquery移动主题rooler创建了这个主题 ,并将其包含在我的页面中,如下所示: 但是会显示默认主题: chrome控制台未报告任何错误。 可能是什么问题呢?
4回复

iDangerous Swiper,缩略图控件

我是初学者编码员。 有没有人知道如何将缩略图图像链接到滑动器,以便单击缩略图将滑动器容器移动到相应的幻灯片? 谢谢你的帮助! 示例: http : //markdarren.com/F13/test.html
4回复

在容器外滑动导航按钮

我正在尝试在swiper容器外部显示导航按钮,因为容器溢出:隐藏,我必须创建一个带有position:相对的包装,并将按钮绝对定位。 那行得通,问题是现在导航按钮控制所有滑块,而我想不出一种解决方法。 如果滑块的内容相同,则我不想初始化多个具有不同类的滑块。 JSFiddle