MUI slide(轮播组件)的使用问题
1)基本使用
在动态生成完整DOM (包含mui-slider下所有DOM结构) 后,手动调用图片轮播的初始化方法;代码如下:
var gallery = mui('.mui-slider');
gallery.slider({
interval:5000//自动轮播周期,若为0则不自动播放,默认为0;
});
allery.slider().gotoItem(index);//跳转到第index张图片,index从0开始;
2)当移动端APP上一个画面中既有图片轮播组件,又有slide(轮播组件),部分手机会存在显示问题。
存在的问题现象:图片轮播中使用样式z-index="-1"(或者别的负值),在js中调用slider()方法,会导致画面不 显示轮播的组件。
解决方案: 图片轮播中不要使用样式z-index,可以修改别的组件的该样式,这样就可以解决。
分析原因: 目前还不知道原因,可能是MUI存在的bug。