2***@qq.com
2***@qq.com
  • 发布:2016-07-15 11:06
  • 更新:2016-07-15 11:42
  • 阅读:1114

上拉下拉都写怎么写,这个官方文档太烂了

分类:MUI

看了mui的介绍没有完整的代码块例子,自己猜不出来怎么写代码,

2016-07-15 11:06 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com (作者)

上拉下拉一起写怎么写

洪荒已破碎

洪荒已破碎

不知道诶,同求

赵梦欢

赵梦欢 - 专注前端,乐于分享!

首先文档在这里:

下拉刷新
上拉加载

然后hello mui中pullrefresh_sub.html也有具体的例子。

第一步:初始化

mui.init({  
    pullRefresh: {  
        container: '#pullrefresh',  
        down: {  
            callback: pulldownRefresh  
        },  
        up: {  
            contentrefresh: '正在加载...',  
            callback: pullupRefresh  
        }  
    }  
});

第二步:写回调函数

/**  
 * 下拉刷新具体业务实现  
 */  
function pulldownRefresh() {              

}  
/**  
 * 上拉加载具体业务实现  
 */  
function pullupRefresh() {  

}

第三步:初次打开页面加载逻辑

if (mui.os.plus) {  
    mui.plusReady(function() {  
        setTimeout(function() {  
            mui('#pullrefresh').pullRefresh().pullupLoading();  
        }, 1000);  

    });  
} else {  
    mui.ready(function() {  
        mui('#pullrefresh').pullRefresh().pullupLoading();  
    });  
}

我觉得文档和demo这个写得很清楚了吧

  • 2***@qq.com (作者)

    可是下拉 和上拉不是一个类名啊 ,写一块怎么写

    2016-07-15 13:58

  • 赵梦欢

    回复 2***@qq.com:为啥要一个类名?

    2016-07-15 14:00

  • 2***@qq.com (作者)

    callback回调方法只能写init里 ,你这里也没说写哪里能对,

    2016-07-15 14:00

  • 2***@qq.com (作者)

    container只有一个啊

    2016-07-15 14:01

  • 2***@qq.com (作者)

    我给两个元素实现一个下拉 一个上拉

    2016-07-15 14:01

  • 2***@qq.com (作者)

    首页情况比较复杂

    2016-07-15 14:02

7***@qq.com

7***@qq.com

用iscroll那个插件很简单的

  • 2***@qq.com (作者)

    刚刚用了,可是里面的文档介绍很烂,怎么设置加载提示语句和加载区高度,看半天没有看出来,这个插件还和mu冲突,不能上拉屏幕被固定了,只能下拉

    2016-07-15 13:57

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