伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

訂閱本欄目 RSS您所在的位置: 深山工作室 > HTML > 正文

jquery實現(xiàn)移動端下拉加載刷新更多信息

2020/8/10 14:37:08 字體: 瀏覽 3318

記錄初始化的頁數(shù),now為當(dāng)前頁,num為總頁數(shù),這個數(shù)值的設(shè)置是通過php獲取分頁的時候的總頁數(shù)
<div class="caseud" now="1" num="2">
    <a href="javascript:;">加載更多</a>   
</div>

<script type="text/javascript">
//記錄狀態(tài)
var state=true;
//滾動條滾動的時候
$(window).scroll(function(){
    //獲取當(dāng)前加載更多按鈕距離頂部的距離
    var bottomsubmit = $('.caseud').offset().top;
    //獲取當(dāng)前頁面底部距離頂部的高度距離
    var nowtop = $(document).scrollTop()+$(window).height();
    //獲取當(dāng)前頁數(shù),默認第一頁
    var now = $('.caseud').attr('now');
    //獲取總頁數(shù),PHP分頁的總頁數(shù)
    var num = $('.caseud').attr('num');
    //當(dāng)當(dāng)前頁面的高度大于按鈕的高度的時候開始觸發(fā)加載更多數(shù)據(jù)
    if(nowtop>bottomsubmit){
        //如果為真繼續(xù)執(zhí)行,這個是用于防止?jié)L動獲取過多的數(shù)據(jù)情況
        if(state==true){
            //執(zhí)行一次獲取數(shù)據(jù)并停止再進來獲取數(shù)據(jù)
            state=false;
           
            setTimeout(function(){
                //當(dāng)前頁數(shù)++
                now++;
                //記錄當(dāng)前為第二頁
                $('.caseud').attr('now',now);
                $.ajax({
                    //通過ajax傳頁數(shù)參數(shù)獲取當(dāng)前頁數(shù)的數(shù)據(jù),ajax_more_case.php代碼參考php分頁功能
                    url:'ajax_more_case.php?page='+$('.caseud').attr('now')',
                    type:'GET',
                    cache:false,
                    dataType:"html",
                    success:function(data){
                        //把通過php處理的html和數(shù)據(jù),寫入容器底部
                        $('.case').append(data);
                        //如果當(dāng)前頁大于等于總頁數(shù)就提示沒有更多數(shù)據(jù)
                        if(now>=num){
                            $('.caseud a').text('沒有更多數(shù)據(jù)');
                            //并把狀態(tài)設(shè)置為假,下次下滑滾動時不再通過ajax獲取數(shù)據(jù)
                            state=false;
                        }else{
                            //否則繼續(xù)
                            state=true;
                        }
                    },
                    error:function(){
                        $('.caseud a').text('加載錯誤,請刷新頁面!');
                    }
                });
            },500);
        }
    }
});
</script>

這里的下滑到底部加載更多的功能,通過判斷屏幕是否滾動到底部,當(dāng)滾動到底部的時候通過分頁頁數(shù)去ajax數(shù)據(jù)過來,并寫入到頁面中。

相關(guān)閱讀
kiss草原旅游網(wǎng)站
Html中的Frame詳解
旅行社線路主題默認模板3
國內(nèi)各大搜索引擎的蜘蛛名稱列表
asp中qequest讀取優(yōu)先級順序(通過優(yōu)化之后提高速度)
長春天馬國際旅行社
Dreamweaver錯誤:在onload運行_beforeSave.htm時,發(fā)生了一個JavaScript錯誤
ASP.NET 2和IIS 7.0發(fā)生不兼容變化
共有0條關(guān)于《jquery實現(xiàn)移動端下拉加載刷新更多信息》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱:
表 情:
內(nèi) 容:
評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗證碼: 驗證碼 
網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
DW設(shè)置之后更好用 DreamweaverCS編輯GB2312與UTF-8文件在代碼視圖中點擊鼠標(biāo)錯位問題的解決辦法
js指定日期加n天加n月加n年
jquery中動態(tài)生成的代碼使用on hover事件時不出現(xiàn)效果
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
ASP.NET中文亂碼問題的解決。
CSS制作網(wǎng)頁中的一些經(jīng)驗總結(jié)
httpd.ini一些參數(shù)說明
各種錢貨幣字母轉(zhuǎn)換對應(yīng)的符號
淮安電視臺主持人選拔大賽網(wǎng)絡(luò)投票
用dl、dt、dd制作個性表格
主站蜘蛛池模板: 日日做日日摸夜夜爽 | 免费成人在线网站 | 欧美一级黑人片 | 婷婷久久综合九色综合98 | 国产免费高清 | 欧美在线资源 | 欧美又大粗又爽又黄大片视频黑人 | 日本精品久久 | 国产一级一级一级成人毛片 | 国产欧美日本亚洲精品五区 | 婷婷五月天.com | 香蕉网址 | 俄罗斯美女破苞 | 四虎4545www国产精品 | 国产精品入口牛牛影视 | 四虎精品久久久久影院 | 国内亚州视频在线观看 | 在线免费看片a | 成人午夜久久精品 | 欧美高清a | 久久国产自偷自免费一区100 | 射满嘴| 免费福利在线看黄网站 | 久久机热 | 久久国产一区二区三区 | 国产看片网站 | 美国免费黄色片 | 欧美日韩在线网站 | 蓝军出击电视剧在线观看 | 国产精品麻豆99久久 | 在线香蕉视频 | 插吧网 | 97国产成人精品视频 | 国产午夜视频在永久在线观看 | 日本高清色www网站色 | 色久激情| 老子不卡影院 | 亚洲精品三级 | 麻豆影视视频高清在线观看 | 成人99国产精品一级毛片 | 天天在线欧美精品免费看 |