网站模板中心

您现在的位置:首页>>织梦大学>>安装使用

织梦模板列表页实现无限加载的教程

来源: 编辑:admin 发布时间:2019-11-07热度:69 ℃
很多朋友在建站过程中尤其是新闻类以及图片类网站,需要用到列表无限加载,下面就告诉大家如何实现这个功能,而且又不影响列表静态页的生成。 我们需要用到Jquery.load()方法来请求...
很多朋友在建站过程中尤其是新闻类以及图片类网站,需要用到列表无限加载,下面就告诉大家如何实现这个功能,而且又不影响列表静态页的生成。


我们需要用到Jquery.load()方法来请求下一页达到列表页无限加载的效果。下面是具体的代码:
列表页简单的dom结构代码:


 
  • 列表简单的dom结构

 
分页按钮样式:
 


JS请求的代码如下:

代码就基本上完成了,这里需要注意一下,模板里面必须要引入jquery库文件,另外catid 和next_no不能为空。大家赶快自己试试吧!
Pbootcms问题解决

请点击在线联系我们【点击咨询解决问题】   如果您有任何Pbootcms问题,我们将免费为您写解决教程!

    PB模板网:承接仿站业务,价格200元起!
    
    承接仿站
    可仿各种网站 200元起
    咨询仿站
    承接模板定制
    可设计,可根据设计图开发
    咨询定制