MUI 轮播组件的使用问题

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。