帝国cms列表无限加载下拉方法教程方法

话不多说直接文件 打包过来,需要的,可以参考[缺点就是不支持php7.x以上版本]
1,php直接放根目录.或其它文件夹.
注意里面的数据库表 要修改成自己的
在列表模板添加下面代码
php和数据表路径一定要对
还有就是要引入js文件

  1. <?php
  2. $num=$empire->gettotal("select count(*) as total from zhan_ecms_game");
  3. $zongshu= $num – 25;
  4. $zhan_zongye = ceil($zongshu/25);
  5. ?>
  6. <script language="javascript" type="text/javascript">
  7. $(function(){
  8.     var pagenum = 1; //设置当前页数
  9.         var zhan_zongpage=0;
  10.         var totalheight = 0;
  11.         var wan=true;
  12.         function loadData(){
  13.                 totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
  14.                 if ($(document).height()-200 <= totalheight && wan==true) {   
  15.                         zhan_zongpage = <?=$zhan_zongye?>;
  16.                         var currentclass = <?=$GLOBALS[navclassid]?>;
  17.                         $.ajax({
  18.                                 url : ‘/zhan/game-getajax.php’,
  19.                                 type:’get’,
  20.                                 data:{"next":pagenum},
  21.                                 dataType : ‘html’,
  22.                                 beforeSend:function(){
  23.                                         $(‘.preloader’).show();
  24.                                         wan=false;
  25.                                 },
  26.                                 success : function(data){
  27.                                         if(data!=”){
  28.                                                 $(‘.list’).append(data);
  29.                                                 $(‘.preloader’).hide();
  30.                                                 pagenum++;
  31.                                                 wan=true;
  32.                                         }else{
  33.                                                 $(‘#listLoader’).html(‘没有更多了’);
  34.                                                 return false;
  35.                                         }
  36.                                 }
  37.                         });
  38.                 }
  39.         }
  40.   $(window).scroll( function() {   
  41.                 loadData();  
  42.   });
  43. });
  44. </script>  

复制代码

温馨提示:本文最后更新于2022-09-12 11:37:14,某些文章具有时效性,若有错误或已失效,请在下方留言或联系丁塔克博客
© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发

请登录后发表评论