我也高大上了一回

本来从早上开始就诸事不顺,然后大神JV 帮我的主题弄好了全站PJAX。也就是整合页面ajax、搜索ajax、评论分页ajax、评论ajax,一起为全站ajax+前进后退缓存。

顺便还帮我增加了新增Syntaxhighlighter代码高亮,并且合并Slimbox2避免产生js冲突。然后删除了多余的js文件,需要用到的js合并到了navigation.js里面,并且经过压缩减少体积。简直不能太开心了,然后心情好多了。
大神给的弄的使用说明是:
由于没有添加主题设置,所以pjax的开关放在了footer.php最后,var is_ajax = ‘Y’ , 见注释。
pjax优点是:减少页面请求数,加快载入,只请求文章主体部分,头部、侧栏、底部都不刷新。(不刷新的部分可以放音乐播放)
缺点是 :跟剧我的主题的结构,主体id使用#main的话,由于侧栏不刷新,所以不同页面无法使用不同侧栏!但是可以把JS里面的主体id改成#content,然后可以连侧边栏一起刷新了!

本次更新总结:
navigation.js —— 合并slimbox2.js、增加全站pjax
footer.php —— 精简、增加pjax开关
functions.php —— 将fancybox改为lightbox
editor.php —— 增加一个代码高亮的编辑器按钮

代码高亮见上一篇文章


2015-1-27小更新:给首页的特色图片加了个href=“文章地址”,然后点击图片进入文章时没有ajax效果了,然后JV菊苣帮我解决了问题:

你的首页图片a标签添加了链接,要想发起ajax请求,可以修改navigation.js,
找到’.navbar a,.widget a,.panel-title a,article .entry-cover,.breadcrumb a,…’ 这一串绑定的a标签,它们使用英文逗号隔开的,你只需要插入article .entry-cover, 即可。这样点击首页图片就会有ajax效果了。

还有昨晚评论提交一下出现2个评论提示和内容,估计是网络原因,页面没有加载完毕就评论了,初始化提交一次,ajax重载再提交一次,所以加载了两次。

本文共 62 个回复

  1. 雨皓 says:
    JV菊苣………………………… :arrow:
  2. 王语双 says:
    希望博主继续高大上,2015有事无事高大上哈。
  3. Kunr says:
    :not(href=#) 这种都没有排除掉,差评!

发表留言,喵!