gpt4 book ai didi

javascript - iDangerous Swiper 未检测到滑动

转载 作者:可可西里 更新时间:2023-11-01 12:50:29 24 4
gpt4 key购买 nike

因此,我正在为使用 iDangerous Swiper 插件的移动网站创建图像选取框,但在尝试使用它时遇到了问题。在基于站点的设置之后,found here ,我根据他们演示的确切规范构建了我的演示页面。但由于某种原因,该功能没有运行,我无法滑动到下一个 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>

最佳答案

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

关于javascript - iDangerous Swiper 未检测到滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16043055/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com