瀑布流自动加载改为 手动点击加载
迅睿框架 更新 2022-11-01 17:05:46
靠谱小青年
靠谱小青年
栏目列表 瀑布流自动加载 改为手动点击加载
<div class="article_info" id="content_list"> {template "list_data.html"} </div>
<div class="load-more-area" id="is_ajax_btn"> <a href="[removed]dr_ajax_load_more();" class="article-list-load-more show"> 加载更多 </a> </div>，按钮无效？ 如何关闭自动加载？
<script>
var Mpage=1;
//滚动显示更多
var scroll_get = true; //做个标志,不要反反复复的加载
$(document).ready(function () {
$(window).scroll(function () {
if (scroll_get==true && (400 + $(window).scrollTop())>($(document).height() - $(window).height())) {
scroll_get = false;
layer.msg('内容加截中,请稍候',{time:1000});
dr_ajax_load_more();
}
});
});
function dr_ajax_load_more(){
Mpage++;
$.get('/index.php?s=api&c=api&m=template&name=list_data.html&module={MOD_DIR}&catid={$catid}&format=json&page='+Mpage+'&'+Math.random(),function(res){
$('.footer-cont').hide();
if(res.code==1){
if(res.msg==''){
layer.msg("已经显示完了",{time:500});
}else{
$('#content_list').append(res.msg);
scroll_get = true;
}
}else{
layer.msg(res.msg,{time:2500});
}
}, 'json');
}
</script>
<div class="article_info" id="content_list"> {template "list_data.html"} </div> <div class="load-more-area" id="is_ajax_btn"> <a href="javascript:dr_ajax_load_more();" class="article-list-load-more show"> 加载更多 </a> </div> <script> var Mpage=1; //滚动显示更多 var scroll_get = true; //做个标志,不要反反复复的加载 $(document).ready(function () { $(window).scroll(function () { if (scroll_get==true && (400 + $(window).scrollTop())>($(document).height() - $(window).height())) { scroll_get = false; layer.msg('内容加截中,请稍候',{time:1000}); dr_ajax_load_more(); } }); }); function dr_ajax_load_more(){ Mpage++; $.get('/index.php?s=api&c=api&m=template&name=list_data.html&module={MOD_DIR}&catid={$catid}&format=json&page='+Mpage+'&'+Math.random(),function(res){ $('.footer-cont').hide(); if(res.code==1){ if(res.msg==''){ $('#is_ajax_btn').hide(); layer.msg("已经显示完了",{time:500}); }else{ $('#content_list').append(res.msg); scroll_get = true; } }else{ layer.msg(res.msg,{time:2500}); } }, 'json'); } </script>