开发框架 版主:迅睿框架研发组
瀑布流自动加载改为 手动点击加载
类型:迅睿CMS 更新时间: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>


回帖
  • 翅膀
    #1楼    翅膀
    2022-11-01 16:26:00
    Chrome 0
    要看看有没有js报错;
  • 靠谱小青年
    #2楼    靠谱小青年
    2022-11-01 16:40:54
    Chrome 0
    翅膀 没有报错 加载正常 就是 加载完毕数据后后 不提示记载完毕 一直 提示 数据加载中
    <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>
  • 小波工作室
    #3楼    小波工作室
    2022-11-01 16:56:36
    Chrome 0
    list_data.html 要看这里的代码,代码不一样判断方法就不一样了
    满意答案
  • 靠谱小青年
    #4楼    靠谱小青年
    2022-11-01 17:05:46
    Chrome 0
    @小波工作室:解决了解决了