关于SUI Mobile中的幻灯片自动轮播时,手动滑动后,不会再轮播的问题

来源:互联网 发布:心理训练软件 编辑:程序博客网 时间:2024/06/05 17:30

      SUI Mobile中的幻灯片,设置了轮播后,手动滑动后,便不会再自动滚动了,网上找了好久也没有找到解决的方案。

      加上了data-autoplayDisableOnInteraction=false后,因为是data-*是html5的自定义属性,会自动转换为全小写,js脚本就无法识别,最后根据驼峰规则发现了解决方案。

<div class="swiper-container" data-autoplay="2000" data-loop=truedata-autoplay-disable-on-interaction=false>

<div class="swiper-wrapper">

<div class="swiper-slide">

......

</div>
</div>
<div class="swiper-pagination"></div>
</div>

       这样就可以自动轮播了。

阅读全文
0 0
原创粉丝点击