Trust
Trust
  • 发布:2017-03-03 18:59
  • 更新:2021-03-03 11:50
  • 阅读:25978

【文档】mui.slider轮播组件常用API

分类:MUI

组件介绍

轮播组件是mui提供的一个核心组件,在该核心组件基础上,衍生出了图片轮播、可拖动式图文表格、可拖动式选项卡、左右滑动9宫格等组件。

示例

获取slide组件对象

var slider = mui('#slider').slider();  

常用API

gotoItem(index)
切换到指定轮播

slider.gotoItem(1); //切换至第二个轮播  

prevItem()
上一个轮播

slider.prevItem();  

nextItem()
下一个轮播

slider.nextItem();  

getSlideNumber()
当前所处位置

slider.getSlideNumber();  

stopped
禁用/开启滑动切换

slider.stopped = false; //开启滑动切换  
slider.stopped = true; //关闭滑动切换  

更多

附上一个简单的示例,解压后将html文件放在mui工程的根目录下即可预览效果。
更多关于slide组件的介绍,参考mui官方文档

PS:关于slide组件,使用过程中如有更多的疑问,请在下方留言。

3 关注 分享
超人爷爷 5***@qq.com 1***@qq.com

要回复文章请先登录注册

wen如故i

wen如故i

这个还是有很多问题的。slide,比如两只手指的,建议只监听一个手指。如果是拖动选项卡,滑动中间,手指快速松开,点击一下。。页面就会卡在中间,轮播图的都会(swiper也会),表示不知道怎么弄。但是做拖动选项卡的。。问题很大!!!
2017-04-25 09:02
超人爷爷

超人爷爷

mui文档里一点描述都没有,归我在这搜了下~
2017-03-20 01:47
Trust

Trust (作者)

回复 gadget2k :
多webview切换,并且在隐藏webview中加载自动轮播组件。
未能重现所述问题,建议单独开贴描述清楚,并提供一个可重现问题的demo。
2017-03-04 23:24
gadget2k

gadget2k

补充一句,自动轮播是在被隐藏的子页面。
2017-03-04 14:20
gadget2k

gadget2k

回复 Trust :
原理说起来都对,但是实际问题也存在。不是我一个人提这个。我的不是动态生成的,只是要JS设定一个自动轮播。但是只要启动的时候是被隐藏的,就会出问题。也就是说你给的那句初始化失败。
2017-03-04 14:19
Trust

Trust (作者)

回复 gadget2k :
单个webview之间的html内容是不会互相干扰的。slide组件在相应的webview加载即可,如果是动态生成的html内容,需要手动初始化。mui('selector').slider();
2017-03-04 12:43
gadget2k

gadget2k

在webview多选项卡模式中,如果slider不在首页,会遇到初始化错误。
2017-03-03 21:30