该系列会写一些pbootcms模板在使用过程中碰到的一些问题

pbootcms教程 强烈建议 2024-03-04 08:58 204 0

  前段时间,群里有位同学问起Ajax加载的问题,这个不属于模板制作系列教程的内容,因此单独再出一个使用技巧系列的教程。

  该系列会写一些pbootcms模板在使用过程中碰到的一些问题,以及问题的解决方案。

  大家也可以给我反馈一些问题,有空的时候我会选一些写出来放在这个系列的教程里面。

  Ajax无刷新加载内容,看起来高大上一点,但是对SEO是不太友好的,所以在使用的时候应该有个取舍。

  由于PbootCMS的Api接口的存在,在PbootCMS上实现Ajax加载还是比较方便的。

  一、点击更多按钮加载内容

  1、首先,添加一个按钮用来触发事件。

  2、添加默认显示的页面内容(只是演示,结构我就随意写了)

  3、js代码部分,先引入jQuery

  完成,点击一下加载更多,页面就会无刷新加载2篇文章了。

  二、页面滑动到底部加载更多文章

  原理同上,只不过改变一下事件,原来是点击按钮触发的,改成滚动监听。

本站资源均来自互联网或会员发布,如果不小心侵犯了您的权益请与我们联系。我们将立即删除!谢谢!