帝国cms首页加载更多,滚动无限加载方法

1,放到首页需要无限加载的地方:

  1. <script language="javascript" type="text/javascript">
  2. $(function(){
  3.     var pagenum = 1; //设置当前页数
  4.         var zhan_zongpage=0;
  5.         var totalheight = 0;
  6.         var wan=true;
  7.         function loadData(){
  8.                 totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
  9.                 if ($(document).height()-200 <= totalheight && wan==true) {   
  10.                         zhan_zongpage = 155;
  11.                         $.ajax({
  12.                                 url : ‘/skin/sy-getajax.php’,
  13.                                 type:’get’,
  14.                                 data:{"next":pagenum},
  15.                                 dataType : ‘html’,
  16.                                 beforeSend:function(){
  17.                                         wan=false;
  18.                                 },
  19.                                 success : function(data){
  20.                                         if(data!=”){
  21.                                                 $(‘.tabs_content_list’).append(data);
  22.                                                 pagenum++;
  23.                                                 wan=true;
  24.                                         }else{
  25.                                                 $(".loadmore").text(‘没有更多内容了’);
  26.                                                 return false;
  27.                                         }
  28.                                 }
  29.                         });
  30.                 }
  31.         }
  32.   $(window).scroll( function() {   
  33.                 loadData();  
  34.   });
  35. });
  36. </script>

复制代码

2,sy-getajax.php放到根目录{}注意路径
模板里面必选引入jquery.min.js
加载出来的样式在sy-getajax.php修改
php和js已打包压缩
php5.4

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

请登录后发表评论