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

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

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

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

記錄初始化的頁數(shù),now為當前頁,num為總頁數(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(){
    //獲取當前加載更多按鈕距離頂部的距離
    var bottomsubmit = $('.caseud').offset().top;
    //獲取當前頁面底部距離頂部的高度距離
    var nowtop = $(document).scrollTop()+$(window).height();
    //獲取當前頁數(shù),默認第一頁
    var now = $('.caseud').attr('now');
    //獲取總頁數(shù),PHP分頁的總頁數(shù)
    var num = $('.caseud').attr('num');
    //當當前頁面的高度大于按鈕的高度的時候開始觸發(fā)加載更多數(shù)據(jù)
    if(nowtop>bottomsubmit){
        //如果為真繼續(xù)執(zhí)行,這個是用于防止?jié)L動獲取過多的數(shù)據(jù)情況
        if(state==true){
            //執(zhí)行一次獲取數(shù)據(jù)并停止再進來獲取數(shù)據(jù)
            state=false;
           
            setTimeout(function(){
                //當前頁數(shù)++
                now++;
                //記錄當前為第二頁
                $('.caseud').attr('now',now);
                $.ajax({
                    //通過ajax傳頁數(shù)參數(shù)獲取當前頁數(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);
                        //如果當前頁大于等于總頁數(shù)就提示沒有更多數(shù)據(jù)
                        if(now>=num){
                            $('.caseud a').text('沒有更多數(shù)據(jù)');
                            //并把狀態(tài)設置為假,下次下滑滾動時不再通過ajax獲取數(shù)據(jù)
                            state=false;
                        }else{
                            //否則繼續(xù)
                            state=true;
                        }
                    },
                    error:function(){
                        $('.caseud a').text('加載錯誤,請刷新頁面!');
                    }
                });
            },500);
        }
    }
});
</script>

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

相關閱讀
購物網(wǎng)上圖片放大效果
巧用ASP技術保護DHTML源代碼
旅行社網(wǎng)站模板9
當前流行的四款常用瀏覽器最客觀的評測
windows xp設置IIS。
用ASP對網(wǎng)頁進行限制性的訪問
AJAX彈出提示信息效果與lightbox效果一樣
利用position屬性把層永遠定位于頁面中部
共有0條關于《jquery實現(xiàn)移動端下拉加載刷新更多信息》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱:
表 情:
內 容:
評論內容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關政策法規(guī)。
驗證碼: 驗證碼 
網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關政策法規(guī)。

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

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
DW設置之后更好用 DreamweaverCS編輯GB2312與UTF-8文件在代碼視圖中點擊鼠標錯位問題的解決辦法
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還有其它的嗎
更多>>隨機抽取信息
要想創(chuàng)業(yè)成功必讀的 36 條鐵律
可移動的彈出層
asp與數(shù)據(jù)庫sql的種種操作
越獄ios老應用老游戲合集下載
深山留言板2.14情人節(jié)留言板模板v4.8
介紹JavaScript里比較和邏輯運算符
主站蜘蛛池模板: 亚洲精品成人久久久影院 | 无人视频在线观看完整版免费下载 | 国产精品久久久久久久免费大片 | 本网站五月 | 欧美一级视频免费观看 | 四虎影视4hutv最新地址在线 | 综合网在线观看 | 欧美ww| 国产三级国产精品 | 国产精品第一页在线观看 | 亚洲女人18毛片水真多 | 婷婷伊人久久 | 欧美日韩另类视频 | 日本 视频 | 欧美第二区| 国产网站在线播放 | 黄色免费的网站 | 精品福利一区二区在线观看 | 黄页网站在线播放 | 色婷婷.com| 蜜臀久久99精品久久久久久 | 成人国产精品毛片 | 欧美亚洲日本国产综合网 | 亚洲成人黄色在线 | 中文字幕一二三区 | 久久综合草 | 午夜成年人网站 | 天天插在线视频 | 中文字幕日韩一区二区不卡 | 我不卡神马 | 亚洲男人天堂2020 | 国产黄色在线免费观看 | 国产精品美女网站在线观看 | 午夜拍拍福利视频蜜桃视频 | 亚洲一区欧美在线 | 免费看91| 国产欧美亚洲另类第一页 | 女人体1963午夜免费视频 | 久久久青草青青亚洲国产免观 | 天美传谋和果冻传媒最漂亮 | 朋友的妻子免费观看 |