码迷,mamicode.com
首页 > Web开发 > 详细

单webview上拉刷新下拉加载

时间:2018-09-12 23:59:15      阅读:423      评论:0      收藏:0      [点我收藏+]

标签:上拉刷新   view   页面   url   css   container   pen   mui   下拉刷新   

单个页面:

<div id="pullrefresh" class="mui-content mui-scroll-wrapper" pageNumber="0" totalPages="0">
     <div class="mui-scroll" id="content">
   </div> </div>

js:

initPullRefresh("#pullrefresh");
function initPullRefresh(selector) { mui(selector).pullRefresh({ container: selector,
//下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等 down: { callback: pulldownRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据; }, up: { callback: pullupRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据; } }); $(selector).on("tap", "#batteryChargingStation", function() { mui.openWindow({ url: map.html, id: map.html }); }); $(selector).on("tap", ".batteryCharging", function() { mui.openWindow({ url: mapelse.html, id: mapelse.html }); }); $(selector).on("tap", ".adimgs", function() { var data = { id: $(this).attr(data-id) }; goPagead(adInfo.html, data); }); }

      function goPagead(page, data) {
        mui.openWindow({
          url: page,
          id: page,
          extras: {
            data: data
          }
        });
      }

 

 

单webview上拉刷新下拉加载

标签:上拉刷新   view   页面   url   css   container   pen   mui   下拉刷新   

原文地址:https://www.cnblogs.com/ccllj/p/9638003.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!