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。

猜你喜欢

转载自luckylearn.iteye.com/blog/2366914
MUI