w***@163.com
w***@163.com
  • 发布:2017-12-15 10:29
  • 更新:2017-12-15 13:16
  • 阅读:1675

mui-srcoll 任意位置向下滑动时都会触发下拉刷新,求解

分类:MUI

<body>
<!--头部区域,软件名-->
<header class="mui-bar mui-bar-nav" style="background-color: #2083D2; text-align: center;">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:#FFFFFF;"></a>
<span style="line-height: 43px;font-size: 20px; color: #FFFFFF">提 成</span>
</header>
<div id="riqi">
<div class="zongE" style="text-align: center;margin-bottom: 5px;position: relative;">
<div class="mui-btn mui-btn-outlined tichengshouyi">提成收益:
<span id="total" style="color: orange;font-size: 13px;">0.00</span>¥
</div>
<button id="tiqu" type="button" class="mui-btn mui-btn-outlined mui-btn-success" style="margin-left: -4px;">提取</button>
</div>
<div class="mui-content">
<form method='post' style="background-color: #FFFFFF;">
<div class="mui-input-row" style="text-align: center;line-height: 67px;">
<button id='demo2' type="button" class="btn mui-btn mui-btn-block">选择日期时间</button>
<button id='time3' type="button" class="btn mui-btn mui-btn-block">选择日期时间</button>
</div>
</form>
</div>
</div>
<div id="refreshContainer" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<!--列表一定要放到容器内,因为会有一个div append到mui-scroll中,需要在底部才能起作用-->
<ul class="mui-table-view mui-table-view-chevron mui-table-view-striped mui-table-view-condensed">
</ul>
</div>
</div>
</body>

2017-12-15 10:29 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com

你下拉刷新的函数绑定的div层不正确,应该绑定mui-scroll,如果绑定的是其父级就会出现你说的情况。

  • w***@163.com (作者)

    mui的下拉刷新不就是这么写的吗?

    2017-12-15 13:04

  • 2***@qq.com

    回复 w***@163.com:你把js部分写出了,出问题的是js部分

    2017-12-15 13:13

w***@163.com

w***@163.com (作者)

mui.init({  
            pullRefresh: {  
                container: refreshContainer, //待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等  
                down: {  
                    style: 'circle',  
                    auto: true,  
                    color: '#2083D2',  
                    offset: '156px',  
                    callback: function() {  
                                         },  
                    error: function(xhr, type, errorThrown) {  
                        mui('#refreshContainer').pullRefresh().endPulldownToRefresh();  
                        mui.alert('失败;' + type + ':' + errorThrown);  
                    }  
                }  
            },  
                up: {  
                    callback: function() {  
                                    } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;  
                }  
            }  
mui.ready(function() {  
            $('#refreshContainer').css('height', ($(window).height() - 156) + 'px');  
            $('#list').css('min-height', ($(window).height() - 196) + 'px');  
        });

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