该系列会写一些pbootcms模板在使用过程中碰到的一些问题
前段时间,群里有位同学问起Ajax加载的问题,这个不属于模板制作系列教程的内容,因此单独再出一个使用技巧系列的教程。
该系列会写一些pbootcms模板在使用过程中碰到的一些问题,以及问题的解决方案。
大家也可以给我反馈一些问题,有空的时候我会选一些写出来放在这个系列的教程里面。
Ajax无刷新加载内容,看起来高大上一点,但是对SEO是不太友好的,所以在使用的时候应该有个取舍。
由于PbootCMS的Api接口的存在,在PbootCMS上实现Ajax加载还是比较方便的。
一、点击更多按钮加载内容
1、首先,添加一个按钮用来触发事件。
2、添加默认显示的页面内容(只是演示,结构我就随意写了)
3、js代码部分,先引入jQuery
完成,点击一下加载更多,页面就会无刷新加载2篇文章了。
二、页面滑动到底部加载更多文章
原理同上,只不过改变一下事件,原来是点击按钮触发的,改成滚动监听。
本站资源均来自互联网或会员发布,如果不小心侵犯了您的权益请与我们联系。我们将立即删除!谢谢!