MUI轮播组件
常用APIvar slider = mui('.mui-sliderr').slider();//获取轮播对象,之后才能调用轮播组件的方法slider.gotoItem(1); //切换至第二个轮播slider.prevItem();//上一个轮播slider.nextItem();//下一个轮播slider.getSlideNumber();//当前所处位置
·
常用API
var slider = mui('.mui-sliderr').slider(); //获取轮播对象,之后才能调用轮播组件的方法
slider.gotoItem(1); //切换至第二个轮播
slider.prevItem(); //上一个轮播
slider.nextItem(); //下一个轮播
slider.getSlideNumber(); //当前所处位置
slider.stopped = false; //开启滑动切换
slider.stopped = true; //关闭滑动切换
这里需要注意的是,如果轮播图的内容是动态生成的,那么你需要手动初始化一下
mui('.mui-sliderr').slider();//返回的时候轮播对象
另外注意,在实际开发中,只是自己遇到的坑,如果你的内容动态生成,你只是单纯的初始化了轮播组件,那么你调用slider.gotoItem(1);
是不起做用的,你还需要一个步骤mui(".mui-slider").slider().refresh();
就是重置一下你的轮播组件,比较靠谱的是应该是这样的
var slider = mui('.mui-sliderr').slider(); //初始化你的轮播组件,返回了一个轮播对象
mui(".mui-slider").slider().refresh(); //重置一下轮播组件
//....接下来执行你的代码
更多推荐
已为社区贡献1条内容
所有评论(0)