3***@qq.com
3***@qq.com
  • 发布:2017-03-23 13:58
  • 更新:2017-03-23 13:58
  • 阅读:1493

【报Bug】轮播图直接开启轮播,控制台会报错(我也不知道是不是bug)

分类:MUI

详细问题描述
[内容]采用了helloMUI做了底部选项卡的tab,在其中一个子页面中引入轮播图slider组件

<div id="sliderPic" class="mui-slider">  
                <div class="mui-slider-group mui-slider-loop">  
                    <!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->  
                    <div class="mui-slider-item mui-slider-item-duplicate">  
                        <a href="javascript:">  
                            <img src="../images/slider3.jpg">  
                        </a>  
                    </div>  
                    <!-- 第一张 -->  
                    <div class="mui-slider-item">  
                        <a href="javascript:">  
                            <img src="../images/slider1.jpg">  
                        </a>  
                    </div>  
                    <!-- 第二张 -->  
                    <div class="mui-slider-item">  
                        <a href="javascript:">  
                            <img src="../images/slider2.jpg">  
                        </a>  
                    </div>  
                    <!-- 第三张 -->  
                    <div class="mui-slider-item">  
                        <a href="javascript:">  
                            <img src="../images/slider3.jpg">  
                        </a>  
                    </div>  
                    <!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->  
                    <div class="mui-slider-item mui-slider-item-duplicate">  
                        <a href="javascript:">  
                            <img src="../images/slider1.jpg">  
                        </a>  
                    </div>  
                </div>  
                <div class="mui-slider-indicator">  
                    <div class="mui-indicator mui-active"></div>  
                    <div class="mui-indicator"></div>  
                    <div class="mui-indicator"></div>  
                </div>  
            </div>

并在js中添加轮播参数```javascript
var sliderPic = mui("#sliderPic");
sliderPic.slider({
interval: 1000
});


这个时候,如果开启真机调试,就会报错  
 Uncaught TypeError: Cannot read property '0' of undefined at js/mui.min.js:8  

重现步骤  
[步骤]1.引用helloMUI项目。2.在子页面中引入轮播组件 3.初始化轮播组件,让页面加载完成就开始轮播  
[结果] 组件可以轮播,但控制台报错  
[期望] 控制台不会报错  

运行环境 HBuilder  8.0.2.201703061842  
[系统版本] windows 10  
[浏览器版本] chrome  
[IDE版本]  
[mui版本] 3.6  

附件  
[代码片段]  
[安装包]  

联系方式  
[QQ]  
[电话]  
2017-03-23 13:58 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复