去年刚开始玩博客的时候,想给博客加个背景音乐,于是才知道了pjax这种东西。当时看了《INLOJV封装的自用WordPress全站PJAX代码》,因为当时太过弱鸡,即使INLOJV写了那么多注释,我也没有彻底搞明白。
但是前几天,我又重新看了一边,尝试着弄了下,居然成功了。
下面写些心得,不是教程
pjax首先需要过滤不需要进行pjax的超(a)链接:
比如说友情链接,一般来说友情链接的超链接都会有target=_blank这种属性。
所以可以针对这个进行排除。还有些站内的定位性质的超链接,比如我的博客有个超链接href=#duoshuo_thread,针对这个进行排除也是可以的。或者在想排除超链接中加入一个特定的属性,比如我加的是pjax="no",这样只要排除掉含有pjax=no的超链接即可。
下一步需要考虑需要重载哪些函数
针对我自己用的这个模板,我的需要重载函数是这样的。
GenerateContentList();//文章目录树
pajx_loadDuodsuo();//多说评论
kaomoji();//多说颜表情及其他
pangu.spacingPage(); //英文后留白
cz();//模板函数
var bLazy = new Blazy();//缩略图惰性加载
最后配置下搜索什么的就结束了
然后加入加载动画。。。。。。。。。
加载动画取自http://tpl.9iphp.com/149.html
PS:欢迎大家测试我的pjax哦,哪里有问题就留言哈,测试前请按Ctrl+F5刷新缓存哦!!!
版权属于:泽泽社长
本文链接:https://blog.zezeshe.com/archives/pjax.html
本站未注明转载的文章均为原创,并采用
CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!
如何过滤文中所提到的加入一个特定的属性pjax="no" 超链接呢?
我知道了
就是有个问题,首页点击侧边栏里的最新评论链接(带锚记),进入内容页后,不会跳到锚记点,需要在点击一下链接才能跳,不知道什么原因。
貌似是个很屌的功能,我决定弄个太极图片作为加载。ヽ(`Д´)ノ
厉害,我都是找的现成的加载动画,自己不会写
不错,功能越来越丰富了
你提到的那个图片的bug已经修复哈,感谢(づ ̄ ³ ̄)づ
高大上的pjax
动画太炫,差评,哈哈(´・_・`)
额,暂时没找到什么简约又不简单的加载动画ಥ_ಥ
有源码嘛。。放出来让我抄抄(/ω\)
那大概只能是这样了。。。
缓存没清吧,这个应该能兼容大部分现代浏览器的啊
我用手机也能看到。。。但是电脑没有。。。。
好奇怪啊,我用手机UC浏览器都能看到啊ಥ_ಥ
我能说我这边看不到动画嘛。。。
嗯,看到了,我的在那个动画上加了个透明度,背景色改为了黑色(°∀°)ノ
我也加上了!用的你那个动画!←_←
就是上边提到的文章,我基本没改什么
很厉害的样子。。。
就是按照别人的教程做一遍ヽ(`Д´)ノ
pjaxಥ_ಥ我研究一个月的东西ಥ_ಥ(每次研究2天,一共才3次)
谢谢,现在决定按你之前说的,减少JS提升速度=w=
( ̄▽ ̄)你比较厉害哈,那时我真的很菜,之后就忘记了pjax的事
才自己折腾了两个月的时候就开始弄PJAX(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄
我时隔一年多才进行第二次尝试,一年多够我学习很多东西啦ε=ε=(ノ≧∇≦)ノ
搞定了[(°∀°)ノ]
嘿嘿,我也是百度找的方法龴ↀ◡ↀ龴
多说怎么适配pjax呀?我按百度上设置的,可以显示评论框,然后再刷新一下页面,评论框就不显示了
直接访问页面反而不行,pjax访问却可以显示多说