首页 > WordPress, 唠唠叨叨 > 首页Ajax加载文章成功

首页Ajax加载文章成功

经过一中午的鼓捣,终于弄好了首页的Ajax加载,感觉嘛,也什么感觉.难度嘛,也不难,会了不难,难了不会.嘿嘿.
主要就是jquery的选择器 对应好相应的元素就好了.

本来打算弄成 自由的风 博客上的那个效果,右上角放个小图标的,但是弄了一下,感觉有点不习惯(我嫌修改麻烦.嘿嘿,哪天没事干又想鼓捣着玩就弄成那样),所以还是用的我原来的那个效果,只不过把原来的隐藏文章,变成了真正的Ajax加载文章.

判断conent内容是否为空,为空的话,就Ajax加载,然后slideDown,如果有内容,但是是隐藏状态的话,就直接slideDown,要是没有隐藏的话,就进入单篇文章页,就是这么简单.
主要就是木木的那个ajax加载的函数好用.另外还看了loosky主题中是怎么实现前两三篇文章输出摘要,然后后面的几篇文章不输出的.

但是使用这个方法我感觉有一点不好的地方,除非你的服务器速度非常牛逼,可以100%成功ajax加载成功,要不然就可能会遇到 一直显示 loading的状态. 可以设置超时时间是吧?我还没弄,要不给他设置一个超时时间,超时后重新点击标题加载?
其实我感觉还不如我原来的那个效果,网页只要加载好了,点击标题就可以看到内容....

今天先不写方法了,俺先藏几天,嘿嘿. 想弄的话,就扒拉我的源代码去吧 :eek:

  1.   帅哥
    Japhia 五 17th, 2011 @ 18:52 | #1
    沙发! 回复 引用

    不知道首页的Ajax加载是什么意思 也没发现有什么变化 唯一可以看到的变化就是点击文章标题时多了个loading的加载, 费了更多的时间

    •  Admin
      SayMe 五 17th, 2011 @ 19:04 | #2
      藤椅 回复 引用

      @Japhia
      沙发哥.嘿嘿
      ajax加载貌似就是 进到主页的时候,你还没看的东西就先不加载,到你看的时候再加载,
      你看到的那个loading 就是 正在从服务器读取数据,和你现在用的那个是不一样的,你用的那个是先全部加载完了,然后用css隐藏起来,点击标题就可以瞬间显示.
      ajax加载是真正的按需加载,不看就不加载,想要看的时候点击标题再从服务器加载

      人家都 说这样可以加快网页整体的加载的速度,我也 不晓得~~

      •   帅哥
        Japhia 五 17th, 2011 @ 19:10 | #3
        板凳 回复 引用

        @SayMe 这样说的话加载速度必然可以加快很多的~ 不过我的首页就是文字 应该也浪费不了太多时间吧~

  2. 浩子 五 17th, 2011 @ 19:39 | #4
    地板 回复 引用

    首页感觉速度慢了许多样,或许是我这网速吧

    •  Admin
      SayMe 五 17th, 2011 @ 19:49 | #5

      @浩子
      没什么感觉啊.我觉得我的服务器的速度挺快的.嘿嘿.不知道别人怎么样

  3. 聊IT评论网 五 17th, 2011 @ 22:21 | #6

    这种点击标题加载下面的内容,完全没必要。除非你做翻页的效果用Ajax还差不多。

    •  Admin
      SayMe 五 17th, 2011 @ 22:26 | #7

      @聊IT评论网
      我也是这么感觉的,
      翻页的ajax 主题自带
      但是我为了配合我原来用的那个 手风琴伸缩 效果把ajax翻页去掉了.
      看看 要是效果不好 我还是换回去吧

  4.   帅哥
    奇遇 五 18th, 2011 @ 00:40 | #8

    啦啦啦~

  5. 自由帽 五 19th, 2011 @ 16:51 | #9

    我喜欢这个效果和主题!非常棒呐~~ :sex:

    •  Admin
      SayMe 五 19th, 2011 @ 17:26 | #10

      @自由帽 ,我也是这么感觉滴~~嘿嘿,换个主题玩玩,感觉不错.哈哈

  6. 烟圈博客 五 19th, 2011 @ 20:37 | #11

    这个主题不错哦

  7. Microhu 五 19th, 2011 @ 23:19 | #13

    不错,你也挺爱折腾的.哈哈

    •  Admin
      SayMe 五 20th, 2011 @ 10:25 | #14

      @Microhu , 哈哈 还从你的simple-M中学到了不少东西哪.嘿嘿.以后多向你学习. :arrow:

评论提交中, 请稍候...

留言

0
NOTICE: You should type some Chinese word (like “你好”) in your comment to pass the spam-check, thanks for your patience!
Trackbacks & Pingbacks ( 0 )
  1. 还没有 trackbacks

无觅相关文章插件,快速提升流量