Hbuilder MUI 解决MUI轮播组件在隐藏时初始化异常的问题

作者：教程字体：[增加减小] 来源：互联网时间：2017-05-31

本文主要包含hbuilder mui,hbuilder mui视频教程,hbuilder mui教程,hbuilder mui api,hbuilder mui app等相关知识,教程希望在学习及工作中可以帮助到您

"); </div> 【背景介绍】

　　MUI 版本 2.8。
　　在页面中使用了 Slider 组件（mui-slider），由于轮播面板的数量和内容都是动态从服务器端加载的，为了避免白屏，页面初始化时先设置 Slider 隐藏，同时有加载动画，等待加载完毕后再控制 Slider 显示。

【问题阐述】
　　初始化：

var silder = mui(".mui-slider").slider();

　　之后：

silder.nextItem();
silder.prevItem();
silder.gotoItem();

　　均报 undefined 错误，定位到 mui.js 第 4699 行：

return this.pages[slideNumber][0];

　　反复实验后发现，只有当 Slider 组件（包括其父容器）显示时，才不会抛异常。this.pages 正常应该是一个 N 维数组（N 取决于轮播区域数量），但异常时变成了一个一维数组。
　　几经阅读代码，发现 mui.js 第 4658 行存在代码：

相关文章