$(function () {/*初始化*/var counter = 0;/*計(jì)數(shù)器*/var pageStart = 0;/*offset*/var pageSize = 4;/*size*//*首次加載*/getData(pageStart, pageSize);/*監(jiān)聽(tīng)加載更多*/$(document).on('click', '#showMore', function () {counter++;pageStart = counter * pageSize;getData(pageStart, pageSize);});});function getData(offset, size) {$.ajax({type: 'GET',url: 'msg.json',dataType: 'json',success: function (reponse) {var data = reponse.list;var sum = reponse.list.length;var result = '';if (sum - offset < size) {size = sum - offset;}/*使用for循環(huán)模擬SQL里的limit(offset,size)*/for (var i = offset; i < (offset + size); i++) {result += '<ul id="" class="mg-coupon">' +'<li> <span class="mg-time" style="width:225px;margin-left:230px">2017-04-01 10:22:30</span>' +'<div class="mg-box">' +'<div class="mg-title">' +'<h5 style="float: left">訂單即將關(guān)閉</h5>' +'<s class="delMsg" style="cursor:pointer" onclick="logicDeleteMessage()"></s>' +'</div>' +'<div class="mg-content clearfix">' +'<div>您有一筆終端訂單即將關(guān)閉，請(qǐng)及時(shí)完成支付，避免不必要的損失!</div>' +'<a target="_blank" href="" class="mg-details">查看詳情&nbsp;&gt;&nbsp;</a>' +'</div> </div> </li> </ul>';}$(".mg-more").before(result);/*******************************************//*隱藏more按鈕*/if ((offset + size) >= sum) {$("#showMore").text('已經(jīng)沒(méi)有更多的消息了');} else {$("#showMore").show();}},error: function (xhr, type) {alert('Ajax error!');}});}

?

轉(zhuǎn)載于:https://www.cnblogs.com/silences/p/6678305.html

總結(jié)

以上是生活随笔為你收集整理的点击加载更多的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。