请叫我欧少
请叫我欧少
  • 发布:2016-07-26 14:42
  • 更新:2016-07-26 17:44
  • 阅读:1285

为什么这个上拉加载无法使用?

分类:MUI
<link rel="stylesheet" href="http://ask.dcloud.net.cn/css/mui.min.css">  
<!--下拉刷新容器-->  
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">  
    <div class="mui-scroll">  
        <!--数据列表-->  
        <ul class="mui-table-view">  
        </ul>  
    </div>  
</div>  

<script src="js/jquery-1.9.0.min.js"></script>  
<script src="js/mui.min.js"></script>  
<script type="text/javascript">  
                   mui.init({  
              pullRefresh : {  
                container: '#pullrefresh',//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等  
                up : {  
                  height:50,//可选.默认50.触发上拉加载拖动距离  
                  auto:false,//可选,默认false.自动上拉加载一次  
                  contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容  
                  contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;  
                  callback :pullupRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;  
                },  
                down: {  
                  height:50,//可选.默认50.触发上拉加载拖动距离  
                  auto:false,//可选,默认false.自动上拉加载一次  
                  contentdown : "下拉可以刷新",//可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容  
                  contentover : "释放立即刷新",//可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容  
                  contentrefresh : "正在刷新...",//可选,正在刷新状态时,下拉刷新控件上显示的标题内容  
                  callback :pulldownRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;  
                }  
              }  
            });  
            /**  
             * 下拉刷新具体业务实现  
             */  
            function pulldownRefresh() {  
                setTimeout(function() {  
                    location.reload();  
                }, 500);  
            }  
            var count = 0;  
            /**  
             * 上拉加载具体业务实现  
             */  
            function pullupRefresh() {  
                setTimeout(function() {  
                    $(".ul").append("<li>asdfasdfasdfasdf</li>")  
                }, 500);  
                this.endPullupToRefresh(true);  
            }  
            if (mui.os.plus) {  
                mui.plusReady(function() {  
                    setTimeout(function() {  
                        mui('#pullrefresh').pullRefresh().pullupLoading();  
                    }, 1000);  
                });  
            } else {  
                mui.ready(function() {  
                    mui('#pullrefresh').pullRefresh().pullupLoading();  
                });  
            }  
</script>  
2016-07-26 14:42 负责人:无 分享
已邀请:
赵梦欢

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

$(".ul").append("<li>asdfasdfasdfasdf</li>") 你这个$没看到有定义啊

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