给主题zSnos-private加了些ajax效果,荒淫测试!

一直想给主题加Ajax载入效果,但由于技术问题一直没怎么去折腾。前几天看到winy折腾了《首页的ajax分类目录》,又跃跃欲试了。

于是先把自用主题 zSnos-private 的版本设为 Alpha 13,哇!都13了……说明此主题修改折腾甚多……

其实按照winy的文章步骤很容易就成功了,但因为自己要求多了些,所以很折腾。

我的要求
1. 除了分类导航实现外,还有侧边栏的标签云里面的标签、月度存档也要实现
2. 每页显示文章数量要根据wp后台的设置,而且要实现more...功能(就是有几页的后面有个more按钮,点击增加一分页文章)
3. 本来还有的,太折腾了,暂时放下。

由于对jQuery代码的不熟和对ajax的一窍不通,所以断断续续费了我一整天的时间……

不过,幸好搞定了,而且代码没有重复浪费,可以重复调用,只是多加了些判断和参数。

从中虽然没明白ajax具体原理,但我懂得了参数传递等,反正给主题增加/修改此效果还是ok的,CPer的终极表现!嘿嘿!

纯粹唠叨文,说了这么多,其实这篇文章的核心内容是:

请大家测试一下ajax效果,哈~

方法
1. 点击头部分类导航的分类
2. 点击侧边栏的标签云里面的标签(标签云要先点击展开)
3. 点击侧边栏的月度存档(同标签云先点击展开)

最后感谢测试并反馈的朋友!哈~睡觉去鸟,设定在10点多发布……(现在是2010.9.5 0:32)

zww
or
oooo

“给主题zSnos-private加了些ajax效果,荒淫测试!”有157条评论

  1. A.shun says:

    沙发~

    1. A.shun says:

      @A.shun
      效果真好,om威武 :cool:

  2. Jinwen says:

    要不要再增加一个能返回前页的按钮?否则切换之后再想回到原文章就不方便了 :razz:

    1. zwwooooo says:

      @Jinwen
      这个建议好…但…我不太会,抽时间看看

    2. 阿修 says:

      支持这个提议

    3. Justice says:

      @zwwooooo
      如果要让浏览器的返回功能继续有作用还是很麻烦的。

    4. zwwooooo says:

      @Justice
      嗯,想想好像比较麻烦,或许不需要。

    5. Justice says:

      @zwwooooo
      从可用性的角度来讲还是需要的,不过改起来的确比较麻烦。
      http://www.billboard.com/
      比如这个网站做的就很赞呐~

    6. zwwooooo says:

      @Justice
      算了,暂时不折腾,现在没心情真正去系统学习,只停留在用,跟年龄有关吧。

  3. 阿七 says:

    还没坐过#3

    1. zwwooooo says:

      @阿七
      应该很容易坐上吧

  4. andy says:

    刚刚测试了,感觉挺好的。博客越做越好看了,厉害。。。不过什么时候把评论框下边的默认表情换了,感觉很难看。

    1. zwwooooo says:

      @andy
      其实我的不是默认的,是我修改过的默认表情,请认真看

    2. andy says:

      @zwwooooo
      眼拙。不过我还是觉得没有以前未升级博客的时候那些表情好看诶。

    3. zwwooooo says:

      @andy
      囧~同一个表情

  5. 阿修 says:

    效果很棒~~这主题越来越牛了

    1. zwwooooo says:

      @阿修
      玩玩而已,牛不了

  6. BoKeam says:

    效果不错,现在什么都ajax

    1. zwwooooo says:

      @BoKeam
      适量用用还是可以的

  7. QiQiBoY says:

    嗯,不错,不过看了一下你的源码,错误处理太简单了,你直接alert,对访客用处不大。
    可以请求出错时还返回上一页内容或者出现个重新加载按钮什么的。。 :smile:

    1. QiQiBoY says:

      @QiQiBoY
      我的头像缓存帮忙清下。。换头像了。。 :smile:

    2. zwwooooo says:

      @QiQiBoY
      哈哈,实现需要的功能都很费劲了,这个没处理了,一般不会出现错误

    3. zwwooooo says:

      @QiQiBoY
      已清空,还是以前的好看……

    4. QiQiBoY says:

      @zwwooooo
      你的邮件回复有些问题,你的两条回复是针对我两条不同评论,但是我收到的邮件里都是对我第二条评论在回复。

    5. zwwooooo says:

      @QiQiBoY
      看来是插件问题,我想抛弃这个插件了,因为作者也声称不再更新了,能否把你用的非常完善的邮件通知功能代码发给我?扔进functions.php就能用的那种……哈哈哈

    6. QiQiBoY says:

      @zwwooooo
      我用的其实就是wilin在博客中介绍的,只是稍微修改了下。参见下文:http://www.qiqiboy.com/2010/08/23/perfect-solution-wordpress-unlimited-nested-2.html这篇文章里两段代码,第一段复制进function.php,第二段你参看wilin的邮件回复将样式写一下,也扔进function。php就行了。
      我的邮件发送首先基于@回复(这个和你用的插件差不多,但是我简化了,你可以对比下),没有@回复再寻找父级评论。

    7. zwwooooo says:

      @QiQiBoY
      已经搞定,嘿嘿

  8. 球犯 says:

    我擦 这个无比强大!!!

  9. 球犯 says:

    以前第一次看上Jinwen的主题 也是因为这效果 你也折腾出来了啊 膜拜膜拜~~~

    1. zwwooooo says:

      @球犯
      一直对ajax怕怕,所以一直没去折腾

  10. ZYW says:

    效果不错哈,这个主题越来越强大了呢~~~佩服不已

    1. zwwooooo says:

      @ZYW
      适量加了点效果

  11. yetone says:

    哈哈,果然来晚了,效果不错,其实我的头像也变了

    1. zwwooooo says:

      @yetone
      刚好开着ftp,顺便清空

    2. yetone says:

      @zwwooooo
      为何收不到你的邮件呢?难道你的ip被网易墙了? :evil:

    3. yetone says:

      @zwwooooo
      莫非你这只有两层嵌套

    4. zwwooooo says:

      @yetone
      mail to commenter这个插件(或许不是插件问题而是邮箱)对某些邮箱不发送邮件。

    5. zwwooooo says:

      @yetone
      跟这个没关系,你再看看,我刚把插件撤了,用了代码实现邮件通知。

  12. 包子 says:

    这个很复杂吗?算了

    1. zwwooooo says:

      @包子
      不懂就很复杂,对于那些懂得高手就简单鸟

  13. winy says:

    你分页用的什么呢?我是传入了offset参数实现的

    1. zwwooooo says:

      @winy
      分页?more啊,我直接在第一次点击分类时从functions.php读取总页数,然后点击more时++处理再传入functions.php,方法很囧吧,其实我不知道神马是offset参数,囧~

  14. sfengz says:

    这样也行啊,,,以为只有评论可以ajax

    1. zwwooooo says:

      @sfengz
      你没看过全站ajax的?那些才厉害

    2. sfengz says:

      @zwwooooo
      全站ajax,,,无敌啊。。。

    3. zwwooooo says:

      @sfengz
      嗯,做出来应该不难(对于懂得人),但要兼容蜘蛛什么的可能比较烦

  15. Max Lee says:

    看来我也的主题也该这么做了。。。折腾去。。。

    1. zwwooooo says:

      @Max Lee
      折腾吧,最好能折腾个通用性超强的插件,哈哈

  16. 哎呀呀,Feed刚更新.我还以为有沙发可以坐呢.

    1. zwwooooo says:

      @❤•终于°
      你用哪个feed源?最好用feedburner的

    2. zwwooooo says:

      @❤•终于°
      feedsky是传说中的“慢神”

    3. @zwwooooo
      你是淫神啊哈哈

  17. 太淫荡了!我喜欢!!!

  18. 久酷 says:

    呃,很不错的效果,不过搜索引擎好像不认识js代码 :mrgreen: :mrgreen:

    1. zwwooooo says:

      @久酷
      不会影响吧,只是额外加的点击效果,原来的方式还是保留的。

  19. ifenwen says:

    ajax果然很好用啊

    1. zwwooooo says:

      @ifenwen
      玩玩很赞

  20. 东风 says:

    ajax太棒了,但是我不会,杯具了。主题已经更新,欢迎你在去看看。留个言什么的呵呵 :razz: :razz:

    1. zwwooooo says:

      @东风
      留言什么的不需要说,不然会有广告嫌疑。

发表评论

昵称 *

网址

B em del U Link Code Quote