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

【文档】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

要回复文章请先登录注册

前端开发者福建

前端开发者福建

滚着滚着图片只显示一半
2021-03-03 11:50
阿鱼

阿鱼

Uncaught TypeError: Cannot read property '0' of undefined at common/mui/js/mui.min.js?r=9:8
2021-02-01 18:00
阿鱼

阿鱼

Uncaught TypeError: mui(...).Slider is not a function at shop/home.html?rnd=286:405
2021-02-01 17:42
飞奔的兔子

飞奔的兔子

回复 2***@qq.com :
我也没看到...
2020-11-18 15:21
1***@qq.com

1***@qq.com

背景:每个slider下都是不同的ajax请求,滑动到每个slider下就会调用一次请求,如果连续滑动,就会一直调用;
需求:如何控制只调用最后一次的请求呢
2019-07-17 16:49
2***@qq.com

2***@qq.com

是认真的么?文档上哪有这些方法?
2018-12-26 10:38
lee60

lee60

回复 沐清风 :
请问下你这个解决了吗?我也有这个问题
2018-10-17 10:31
lee60

lee60

回复 雨打梨花深闭门 :
请问下你这个解决了吗?我也有这个问题
2018-10-17 10:31
雨打梨花深闭门

雨打梨花深闭门

var slider = mui("#slider");
slider.slider({
interval: 1000
});
报错
Cannot read property '0' of undefined at js/mui.min.js:1262
手动滑一下之后会自动滑
2018-10-10 17:16
2***@qq.com

2***@qq.com

怎么设置slider的滚动速度
2018-09-04 17:35