谁说8090不靠谱
谁说8090不靠谱
  • 发布:2015-02-16 15:35
  • 更新:2015-11-04 15:56
  • 阅读:2043

图片轮播应该怎么做呢,为啥图片不轮播呢?求解

分类:MUI

为啥我做的图片轮播,图片不能切换呢?

2015-02-16 15:35 负责人:无 分享
已邀请:
夏小杰

夏小杰

我也想知道为啥 没人回复呀

DCloud_UNI_CHB

DCloud_UNI_CHB

Hello mui中的代码示例拷贝过去就可以啊,或者参考:mui官网

如果轮播组件内容为js动态生成时(比如通过ajax动态获取的营销信息),则需要在动态DOM生成后,手动调用图片轮播的初始化方法;代码如下:

//获得slider插件对象  
var gallery = mui('.mui-slider');  
gallery.slider({  
  interval:5000//自动轮播周期,若为0则不自动播放,默认为0;  
});
  • gadget2k

    放在accordion里面的图片轮播,用这一段代码怎么报错呢?

    2015-11-04 15:51

  • DeanRen

    在accordion示例中,在script内,mui.init()后加上js控制代码,报错。mui.min.js:8 Uncaught TypeError: Cannot read property '0' of undefined

    2016-04-08 16:21

  • 特洛伊

    初始化代码放到plus.ready里有时会失效

    2018-06-12 15:21

野生小前端

野生小前端

我这边也不行呢,用的PC端浏览器测试的

gadget2k

gadget2k

accordion里面嵌套图片轮播,首先显示的是最后一张,怎么解决?代码如下:

    <ul class="mui-table-view">  
            <li class="mui-table-view-cell mui-collapse">  
                <a class="mui-navigate-right" href="#" id="Monday">测试标题</a>  
                <div class="mui-collapse-content">  
                    <div id="slider1" class="mui-slider">  
                        <div class="mui-slider-group mui-slider-loop">  
                            <!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->  
                            <div class="mui-slider-item mui-slider-item-duplicate">  
                                <img class="menuImage" src="img/menu_1_c.jpg">  
                                <p class="mui-slider-title">最后一张</p>  
                            </div>  
                            <!-- 第一张 -->  
                            <div class="mui-slider-item">  
                                <img class="menuImage"  src="img/menu_1_a.jpg">  
                                <p class="mui-slider-title"> 第一张</p>  
                            </div>  
                            <!-- 第二张 -->  
                            <div class="mui-slider-item">  
                                <img class="menuImage"  src="img/menu_1_b.jpg">  
                                <p class="mui-slider-title"> 第二张</p>  
                            </div>  
                            <!-- 第三张 -->  
                            <div class="mui-slider-item">  
                                <img class="menuImage"  src="img/menu_1_c.jpg">  
                                <p class="mui-slider-title"> 第三张</p>  
                            </div>  
                            <!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->  
                            <div class="mui-slider-item mui-slider-item-duplicate">  
                                <img class="menuImage" src="img/menu_1_a.jpg">  
                                <p class="mui-slider-title"> 第四张</p>  
                            </div>  
                        </div>  
                        <div class="mui-slider-indicator mui-text-right">  
                            <div class="mui-indicator mui-active"></div>  
                            <div class="mui-indicator"></div>  
                            <div class="mui-indicator"></div>  
                        </div>  
                    </div>  
                </div>  
            </li>  
                </ul>

想用回答里面那段代码初始化slider,这样写的:
mui('.mui-table-view').on('tap','.mui-table-view-cell',function(){
//获得slider插件对象
var gallery = mui('.mui-slider');
gallery.slider({
interval:0//自动轮播周期,若为0则不自动播放,默认为0;
});
});
结果报错
Uncaught TypeError: Cannot read property '0' of undefined at js/mui.min.js:7

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