分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

单webview上拉刷新下拉加载

发布时间:2023-09-06 02:14责任编辑:熊小新关键词:webview

单个页面:

<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上拉刷新下拉加载

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved