weui 加载提示_WEUI滚动加载

var row = 6, page = 1;

var loading = false; //状态标记

$(document.body).infinite().on("infinite", function () {

if (loading) return;

loading = true;

setTimeout(function () {

var srow = row * (page - 1);

var erow = row * page;

loaddata(srow, erow);

loading = false;

}, 1500); //模拟延迟

});

function loaddata(srow, erow) {

var url = "";

var $html = "";

$.ajax({

type: "get",

url: url,

data: { "srow": srow, "erow": erow},

dataType: "json",

success: function (data) {

if (data == "" || data == null) {

$(document.body).destroyInfinite(); //销毁插件。之后再次调用

$("#load").hide();

// $.toast("无记录显示", "text");

} else {

var res = data;

if (res.length == 0 && page == 1) {

$(document.body).destroyInfinite(); //销毁插件。之后再次调用

$("#load").hide();

// $.toast("没有更多数据啦!", "text");

}

else {

if (res.length < row) {

$(document.body).destroyInfinite(); //销毁插件。之后再次调用

$("#load").hide();

}

var nowDate = new Date(getTime().replace(new RegExp(/-/gm), "/"));//解决兼容

for (var i in res) {

$html += '‘;

}

var $list = document.getElementById("list");

$list.innerHTML += $html;

page++;

}

error: function (msg) {

$.toptip('数据加载出错', 'error');

$("#load").hide();

}

})

}

weui 加载提示_WEUI滚动加载相关推荐

weui 加载提示_weui Msg提示页使用教程
js代码 // pages/03caozuofankui/03-msg.js Page({ /** * 页面的初始数据 */ data: { }, openSuccess: function () { ...
weui 加载提示_weui Toast弹出式提示使用教程
js代码// pages/03caozuofankui/05-toast.js Page({ /** * 页面的初始数据 */ data: { }, openToast: function () { ...
element-UI select下拉框加搜索拼音搜索滚动加载新的数据
DOM 写法 <el-form-itemlabel="样品名称"prop="sampleName"label-width="150"& ...
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
<script> export default {data() {return {pageIndex: 0,//页码pageSize: 10,//每次加载条数lock: false,//防 ...
ajax文字上下滚动,ajax页面底部滚动加载效果实例
html部分: //ajax读取的 data.html 使用append 的方式添加到这里 //ajax 状态文字输出到这里 [数据加载中][数据加载成功][没有数据了] js代码需要jquery支持 ...
jQuery weui 滚动加载
jQuery weui 滚动加载 1.把显示加载状态的代码放在需要滚动的容器中 <div class="weui-loadmore"><i class=" ...
使用infinite-scroll实现Ghost博文列表的滚动加载
Ghost博客系统默认提供的博文列表为传统的翻页方式(通过点击上一页.下一页等按钮来切换),随着移动客户端的发展,瀑布流式的滚动加载方式得到广泛应用,有效地提高了用户浏览信息的流畅度.下面详述如何通过 ...
vue滚动加载插件vue-infinite-scroll
vue-infinite-scroll插件可以无限滚动实现加载更多,其作用是是当滚动条滚动到距离底部的指定高度时触发某个方法. https://github.com/ElemeFE/vue-infin ...
动态加载子节点_简易数据分析 10 | Web Scraper 翻页—抓取「滚动加载」类型网页...
这是简易数据分析系列的第 10 篇文章. 原文首发于博客园:简易数据分析 10. 友情提示:这一篇文章的内容较多,信息量比较大,希望大家学习的时候多看几遍. 我们在刷朋友圈刷微博的时候,总会强调一个『 ...

weui 加载提示_WEUI滚动加载

weui 加载提示_WEUI滚动加载相关推荐

最新文章

热门文章