业务经理

微信扫描以上二维码

028-61286886

技术咨询

瀑布流自动加载改为 手动点击加载

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

迅睿系统漏洞

独立站群系统
独立站群系统(2026-09-14)
子站独立部署时修复同步附件失败问题
在线客服
在线客服(2026-09-13)
修复删除会话报错问题 删除会话时联动删除聊天图片
在线考试竞赛系统
在线考试竞赛系统(2026-09-12)
增加投票功能 考试功能拓展 注意:更新后需要执行系统更新,更新数...
网上信箱
网上信箱(2026-09-12)
修复新版本兼容问题
GeoSeo收录宝
GeoSeo收录宝(2026-09-12)
1 优化Update.php文件,解决版本在线升级不完整问题 2 ...
GeoSeo工具箱
GeoSeo工具箱(2026-09-11)
修正历史记录推送
微信系统
微信系统(2026-09-11)
增加数据统计总览界面 账号管理增加服务和公众号的区别 菜单管理支持更...
答题系统
答题系统(2026-09-11)
一站式在线答题系统,支持真题考试、题库练习和错题本,适合培训、考证、...
阿里云滑动验证码
阿里云滑动验证码(2026-09-10)
采用阿里云验证码替换迅睿系统自带的图片验证码和滑动验证码。后台设置方...
下载Plus
下载Plus(2026-09-09)
为网站附件下载加上“计数、限次、统计、防护”四重能力:按用户组控制下...