heroBoy
heroBoy
  • 发布:2016-09-05 16:59
  • 更新:2016-11-02 14:14
  • 阅读:1572

聊天 im-chat.html页面加入下拉刷新 没有效果 咋办

分类:MUI
            <div class="mui-scroll">  
                <div id='msg-list'>  
                </div>  
            </div>  
        </div>  

$.init({
swipeBack: true, //启用右滑关闭功能
pullRefresh : {
container:"#refreshContainer",//下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
down : {
height:50,//可选,默认50.触发下拉刷新拖动距离,
auto: true,//可选,默认false.自动下拉刷新一次
contentdown : "下拉可以刷新",//可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容
contentover : "释放立即刷新",//可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容
contentrefresh : "正在刷新...",//可选,正在刷新状态时,下拉刷新控件上显示的标题内容
callback :talksPullfresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
},
gestureConfig: {
tap: true, //默认为true
doubletap: true, //默认为false
longtap: true, //默认为false
swipe: true, //默认为true
drag: true, //默认为true
hold: true, //默认为false,不监听
release: true //默认为false,不监听
}
});

2016-09-05 16:59 1 条评论 负责人:无 分享
已邀请:
二十而立

二十而立

新建个子页面,在子页面内添加上拉下拉刷新
mui.init({
subpages:[{
url:'子页面.html',
id:'子页面.html',
styles:{
top: '44px',
bottom: '0px',
}
}]
});

1***@qq.com

1***@qq.com

我也是 怎么搞啊

k***@163.com

k***@163.com

我也遇到这个问题,似乎是被页面滚动的drage?还是swipe事件干扰了,但是上拉却是可用的。
imchat原本页面是可以拖动的,应该监听了swipe或者drage事件,导致下拉的事件执行了滚动动作吧。

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