Jquery WEUI 滚动加载(infinite)不触发
源代码:(1.0.1版本)
Infinite.prototype.scroll = function() {
   var container = this.container;
   var offset = container.scrollHeight() - ($(window).height() + container.scrollTop());
   if(offset <= this.distance) {
     container.trigger("infinite");
   }
}
修改:
Infinite.prototype.scroll = function() {
  var container = this.container;
  var tagName = container[0].tagName.toUpperCase()
    var scrollTop
    if (tagName === 'BODY' || tagName === 'HTML') {
        scrollTop = container.scrollTop() || $(window).scrollTop()
    } else {
        scrollTop = container.scrollTop()
    }
  var offset = container.scrollHeight() - ($(window).height() + scrollTop);
  if(offset <= this.distance) {
    container.trigger("infinite");
  }
}
页面js:
$(document.body).infinite().on("infinite", function () {
   // 搞起
})
Jquery WEUI 滚动加载(infinite)不触发的更多相关文章
- jquery ajax 滚动加载数据
		
jquery php 滚动加载数据(文件包 rollingpage) 效果如下: 页面加载时候($function(){ 自动加载第一页数据 }) 设置: var winH = $(window).h ...
 - WEUI滚动加载
		
var row = 6, page = 1; var loading = false; //状态标记 $(document.body).infinite().on("infinite&quo ...
 - jq weui 滚动加载的坑
		
1.一般情况下使用官网给个demo就可以了,如下: var loading = false; //状态标记 $(document.body).infinite().on("infinite& ...
 - jQuery和javaScript页面加载完成时触发的事件
		
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
 - jQuery WeUI 组件下拉刷新和滚动加载的实现
		
最近在做手机版使用到了下拉刷新和滚动加载,记录一下实现过程: 一.引入文件 ? 1 2 3 4 <link rel="stylesheet" href="Conte ...
 - jquery weui ajax滚动加载更多
		
手机端使用jquery weui制作ajax滚动加载更多. 演示地址:http://wx.cnkfk.com/nuol/static/fpage.html 代码: <!DOCTYPE html& ...
 - weui实现滚动加载的效果
		
weui是微信公司提供的一个UI框架,在H5开发中一些组件可以直接使用.weui文档地址:http://www.jqweui.cn/components 使用weui,需要引入weui.css和jqu ...
 - [转] Jquery滚动加载
		
原文地址:http://hi.baidu.com/vipxiaofan/item/9eb927b795671f77254b0985 另外一个asp.net的例子:http://blog.csdn.ne ...
 - 记录WEUI中滚动加载的一个BUG
		
最近写微信公众号,用到的技术栈是jq+vue的混合开发,采用的UI是移动端比较火的WEUI,在微信开发中应该较广泛.个人看惯了elementUI文档,相对于饿了么组件文档的详细,WEUI的文档还是比较 ...
 
随机推荐
- vue.js条件渲染 v-if else-if v-for
			
v-if: 在字符串模板中,如 Handlebars ,我们得像这样写一个条件块: {{#if ok}} <!-- Handlebars 模板 --> <h1>Yes</ ...
 - 利用域凭据:解密GPP中的管理员密码
			
在利用域凭据过程中,除了通过Mimikatz和WCE从内存读取明文密码外,还可以通过域共享文件夹SYSVOL组策略文件获取哈希码. 组策略首选项(Group Policy Preference, GP ...
 - ubuntu18.04设置静态IP
			
ubuntu18与ubuntu14.16设置静态ip地方方法不同,很多人没去读更新文档的时候往往会设置静态ip地址不成功,下面是具体的设置方法 做之前一定要确认自己操作系统的版本,每个版本设置的方法有 ...
 - java虚拟机规范-加载、链接与初始化
			
前言 java虚拟机是java跨平台的基石,本文的描述以jdk7.0为准,其他版本可能会有一些微调.java代码本身并不能为jvm识别,实际上在jvm中的表现形式为Class对象,一个java类从字节 ...
 - Python Django的安装配置
			
学习Django前,我们要确定电脑上是否已经安装了Python,目前Python有两个版本,不过这两个版本并不互相兼容,所以根据个人选择合适的版本. 因为从Django2.0开始将不再支持Python ...
 - bash如何向上向下移动历史命令记录
			
bash如何在 历史命令记录 中上下移动? 通过bash本身的设置,就可以做到! : 用shift+up , shift+down 来上下移动 : 单纯的up/down是调用历史命令
 - 【opencv使用笔记】一:Python版本安装与测试
			
安装完opencv3.4.1并且Cmake后,发现Python不能import,又装了Python版本的opencv; 由于是在conda环境下安装,opencv-python-4.0.1.24,最终 ...
 - 职位-CHO:CHO
			
ylbtech-职位-CHO:CHO 首席人力资源官(Chief Human Resource Officer),简称CHO.是具有制定集团化经营的公司人力资源的战略规划,并监督执行,负责建立畅通的沟 ...
 - java日期处理的一些例子使用...
			
一.计算成为会员多少天 需求:根据会员的创建日期createTime,计算成为会员多少天. 计算:当前日期 - 创建日期,转化为天数,即为成为会员多少天. 代码: public static void ...
 - oracle 11g 数据库恢复技术 ---04 rman
			
四 RMAN RMAN体系结构的主要组成部分: --1 目标数据库(target) --2 RMAN命令行客户端 --3 通道(channel) --4 快速恢复区(fast recovery are ...