单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
}
});
}
转载于:https://www.cnblogs.com/ccllj/p/9638003.html
单webview上拉刷新下拉加载相关推荐
- Android之 RecyclerView,CardView 详解和相对应的上拉刷新下拉加载
为什么80%的码农都做不了架构师?>>> 随着 Google 推出了全新的设计语言 Material Design,还迎来了新的 Android 支持库 v7,其中就包含了 M ...
- jQuery模拟原生态App上拉刷新下拉加载
jQuery模拟原生态App上拉刷新下拉加载效果代码,鼠标上拉时会显示loading字样,并且会模拟加载一条静态数据,支持触屏设备使用. <!doctype html> <html ...
- jQuery模拟原生态App上拉刷新下拉加载效果代码
以下任意均可: 1. jQuery模拟原生态App上拉刷新下拉加载效果代码,鼠标上拉时会显示loading字样,并且会模拟加载一条静态数据,支持触屏设备使用. 原文:http://www.sucaij ...
- android上拉刷新下拉加载
本文用的XlistView的上拉刷新下拉加载 主Activity package org.com.cctest;import java.text.SimpleDateFormat; import ja ...
- Android——Xlistview上拉刷新下拉加载
配置网络权限+xutils包+gson包 代码如下: values下修改strings添加 直接粘 <?xml version="1.0" encoding="ut ...
- uniapp小程序如何通过虚拟列表配合节流,完成上拉刷新下拉加载,避免页面卡顿,提升性能呢?
本文将介绍uniapp小程序中如何使用虚拟列表和节流两种技术实现上拉刷新下拉加载功能,同时避免因渲染大量数据导致的页面卡顿问题. 一.虚拟列表 在uniapp小程序开发中,当我们需要渲染大量列表数据时 ...
- XListView下拉刷新下拉加载
自定义控件XlistView实现刷新及加载 1.要想实现数据可以上拉也可以下拉效果,可以使用自定义控件XlistView, 配置网络权限+xutils包+gson包 代码如下: values下修改st ...
- (仿头条APP项目)6.点击过的新闻列表文字变灰和下拉刷新与滚动加载新闻数据
文章目录 一.点击过的新闻列表文字变灰 效果图 实现思路 导入ormlite数据库类依赖 利用ormlite创建数据库和表 创建数据库类MyDbHelper 创建数据库中的新闻实体类NewInfo 页 ...
- uni-app下拉刷新触底加载更多
首先在pages.json 配置文件中配置 "enablePullDownRefresh": true 需要在哪用加载就配置在路由的style里 两个事件 //下拉刷新 o ...
- 上拉刷新下拉加载PullToRefreshLayout
2019独角兽企业重金招聘Python工程师标准>>> java pullable代码 package com.example.lsy.tianmi.base.commonview; ...
最新文章
- C#使用属性进行之传递查询报表
- vuex mysql_vuex + koa + mysql实现购物车功能(一)
- eclipse取消空格补全
- Spring Cloud Zuul网关(快速搭建)
- 数据--第31课 - 树的存储结构
- Android NDK开发如何解决logcat日志打印不全
- 华为交换机console telnet 配置
- MIKE21学习总结(一)
- Python异方差的检验与修正
- docker出现问题:You cannot remove a running container 解决方案
- matlab冲激函数的傅里叶变换,利用MATLAB对正弦,矩形脉冲函数进行傅里叶变换
- 易语言取html显示的文本,易语言 获取网页文本
- 头歌-自己动手画CPU(第二关)-原码一位乘法器-Logisim
- ActiveMQ的基础
- 晶联讯1353显示屏测试程序
- 第一周python学习
- 洛谷 P4233 射命丸文的笔记 ntt
- 2D转换缩放效果(10)
- 毕业季租房的攻略来啦
- “无线流动全球眼”现身上海
热门文章
- 【渝粤教育】国家开放大学2018年秋季 2780T遗传与育种 参考试题
- 【渝粤教育】国家开放大学2018年春季 4990T电子商务概论(农) 参考试题
- 2017北理复试机试题
- Pandas系列(十二)实现groupby分组统计
- FPGA智能传感系统(二)基于FPGA的交通灯设计
- MLNC – Machine Learning Neural Computation
- sql---字段类型转换,sql获取当前时间,时间处理
- Spark 实践——用 Scala 和 Spark 进行数据分析
- 将txt文档按行分割
- [java] 简单的ConcurrentHashMap