Xy丶
Xy丶
  • 发布:2016-05-16 20:38
  • 更新:2016-05-16 23:10
  • 阅读:1850

【报Bug】轮播图切换时触发上拉加载

分类:MUI

详细问题描述
轮播图和列表放在了同一个滚动容器中,对这个滚动容器做了上拉加载的监听,可是在轮播图切换的时候会触发上拉加载,不知道是为什么。

重现步骤
[步骤]

  1. 在一个滚动容器中放入轮播图和列表
  2. 添加上拉刷新模块
  3. 切换轮播图,触发了上拉刷新(不正常)
    [结果]
    结果在轮播图切换的时候,下面就开始加载新的内容了
    [期望]
    期望是想要轮播图和列表在一个滚动容器中一起滚动,只有滚动到最底部才触发上拉加载。

运行环境
[系统版本]
[浏览器版本]
[IDE版本]
[mui版本]
应该任何运行环境都有这个问题。

附件
[代码片段]

<div class="mui-scroll-wrapper">  
    <div class="mui-scroll">  
        <div id="slider" class="mui-slider div-img-slider">  
            <div class="mui-slider-group mui-slider-loop">  
                <!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->  
                <div class="mui-slider-item mui-slider-item-duplicate">  
                    <a href="#">  
                        <img src="images/yuantiao.jpg">  
                        <p class="mui-slider-title">静静看这世界</p>  
                    </a>  
                </div>  
                <div class="mui-slider-item">  
                    <a href="#">  
                        <img src="images/shuijiao.jpg">  
                        <p class="mui-slider-title">幸福就是可以一起睡觉</p>  
                    </a>  
                </div>  
                <div class="mui-slider-item">  
                    <a href="#">  
                        <img src="images/muwu.jpg">  
                        <p class="mui-slider-title">想要一间这样的木屋,静静的喝咖啡</p>  
                    </a>  
                </div>  
                <div class="mui-slider-item">  
                    <a href="#">  
                        <img src="images/cbd.jpg">  
                        <p class="mui-slider-title">Color of SIP CBD</p>  
                    </a>  
                </div>  
                <div class="mui-slider-item">  
                    <a href="#">  
                        <img src="images/yuantiao.jpg">  
                        <p class="mui-slider-title">静静看这世界</p>  
                    </a>  
                </div>  
                <!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->  
                <div class="mui-slider-item mui-slider-item-duplicate">  
                    <a href="#">  
                        <img src="images/shuijiao.jpg">  
                        <p class="mui-slider-title">幸福就是可以一起睡觉</p>  
                    </a>  
                </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 class="mui-indicator"></div>  
            </div>  
        </div>  
        <ul class="mui-table-view">  
            <li class="mui-table-view-cell mui-media">  
                <a href="javascript:;">  
                    <img class="mui-media-object mui-pull-left" src="images/shuijiao.jpg">  
                    <div class="mui-media-body">幸福  
                        <p class="mui-ellipsis">能和心爱的人一起睡觉,是件幸福的事情;可是,打呼噜怎么办?</p>  
                    </div>  
                </a>  
            </li>  
        </ul>  
    </div>  
</div>

[安装包]
app安装包在附件中,将后缀改为apk就可以安装了

联系方式
[QQ]
627572337
[电话]

2016-05-16 20:38 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

下个版本修复此问题:
目前解决方案:

在mui.pullToRefresh.js的93行修改为:

if (e.target === this.element) {  
                        this.pullUpLoading(e);  
                    }

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