前言我们都知道,butterfly主题是支持pjxa,但是号称bug御三家之一的pjxa岂是我这样的小白能轻易玩明白的,那么我究竟遇到了什么问题呢?最大的问题是开启了pjxa后有些js会失效,不明白什么原因。就在前几天,我决心会一会pjxa,于是百度了一下,也参考了几篇相关文章,总算大概有了些眉目,对其运行机理也有了初步认识,且解决了一些问题。所以,无论何事,不能盲目去干。所谓工欲善其事,必先利其器,古人诚不欺我!
为何要使用pjxa?Pjax能够实现页面的局部刷新而非整体重载资源,在一定程度上能够减少网站反复加载重复资源,从而优化访问体验。
参考文章
适配指北:我是怎么适配PJAX的
Butterfly的Pjax适配方案
进入正题data-pjax属性的使用在魔改主题时,肯定会不可避免的添加一系列第三方js,此时就会遇到切换页面后,由于通过 Pjax 切换的页面并没有完全刷新,浏览器不会将网页从头执行一遍,因此有些JS将不会生效。这也是我经常遇到的问题。
在script标签中添加了data-pjax属性的的js,在页面切换后执行重载,达到局部刷新的效果。所以我们要做的事情十分简单, ...