Old

折腾:5级嵌套改为2级嵌套 & 主评论内悬浮显示 @ 评论(唠叨篇)

一直想把主题原来的 5 级嵌套评论改为 2 级嵌套,但不知如何下手,因为如果直接改为 2 级嵌套,那么原来的 5 级嵌套的评论就不显示了(好像是,也可能是叠加到主评论,忘了)。

我为什么想抛弃 5 级嵌套而转为 2 级嵌套呢?我的想法是:主评论就相当于论坛里面的贴,而主评论者就像楼主,后面回复的就像论坛里面的跟贴,这样讨论感觉比较有气氛而且整洁不凌乱,5级嵌套一个主评论回复一多时感觉非常“嵌套”——乱且难读

用了 jQuery 后就喜欢上了,于是想到了用 jQuery 解决问题,2 级嵌套的思路是根据 Jinwen 的嵌套思路,就是 2 级嵌套用 @方式回复,但还要考虑以前的 5 级嵌套评论显示,通过蹲厕所时的认真思考,终于找到了解决方法,于是有了昨天的折腾:带头像显示的最新评论代码 - 完善篇

昨天花了我一下午 + 一晚上的时间才折腾好折腾好了 5 级嵌套变 2 级嵌套 + 继续显示 5 级嵌套。

但是今天我又觉得这样不够明朗,就是不知道 @ 评论的内容,于是想到 mg12 的悬浮显示 @ 评论,一开始想直接拿他的代码,但测试了 n 次都不行,由于懒 + 其代码超长,就想放弃。

最后又想了下,我主题头部的 Gun 图片演示的原理不就差不多么?于是立马动手,嘿嘿,还真成功了。

或者有些朋友说这个可有可无,但我觉得这是个细节问题,有总比没有好,特别是讨论一多时就能体现它的好处了。

演示:评论部分,把鼠标移到 @用户名 的上面就能显示此用户所说的内容了

如图:我把鼠标移到 @纯粹 上面就显示纯粹所说的内容

OK,又乱折腾完了,那么接下来就发呆吧……

zww
or
oooo

声明: 除非注明,ZWWoOoOo文章均为原创,转载请以链接形式标明本文地址
本文地址: http://zww.me/archives/24737

84 comments

  1. 林木木 林木木 Google Chrome 4 Google Chrome 4 Windows 7 Windows 7

    额,我还想看看效果呢……沙发测试

    沙发
  2. 林木木 林木木 Google Chrome 4 Google Chrome 4 Windows 7 Windows 7

    @林木木 哈,原来沙发后会出现这个 None Responses. 《a href="#respond"》Leave a comment ?《/a》

  3. 万戈 万戈 Firefox 3 Firefox 3 Windows XP Windows XP

    @林木木 加一层嵌套试试

  4. ......
  5. 三七八蛋 三七八蛋 Firefox 3 Firefox 3 Windows XP Windows XP

    效果相当cool啊。

    21楼
  6. 司徒原 司徒原 TheWorld Browser TheWorld Browser Windows 7 Windows 7

    每当看到你们更新技术文章我就恨得牙痒痒....
    摆明了诱惑我跟着改代码 :cry: :cry:

    22楼
  7. 吖Bee 吖Bee Google Chrome 4 Google Chrome 4 Windows XP Windows XP

    效果真爽~ :grin:

    23楼
  8. armgod armgod Google Chrome 1 Google Chrome 1 Windows XP Windows XP

    Z大贱贱地成为WP高人了!!!

    24楼
  9. 掌柜的马甲 掌柜的马甲 Firefox 3 Firefox 3 Windows 7 Windows 7

    效果很不错啊~

    25楼
  10. 阿修 阿修 Unknown Unknown Unknown Unknown

    显示评论的想法很好~移动着顶,前几天看到一个显示留言者最新日志的插件。可惜我没时间折腾…

    26楼
  11. 阿修 阿修 Unknown Unknown Unknown Unknown

    啊…这么说的话,我果然再次 out 了……

    27楼
    • zwwooooo zwwooooo Firefox 3 Firefox 3 Windows XP Windows XP

      @阿修 out很正常,一个人不能做到全面in的。outout更健康

  12. QiQiBoY QiQiBoY Firefox 3 Firefox 3 Windows 7 Windows 7

    嵌套的样式做好了,还是很容易分辨主从关系俄

    28楼
    • zwwooooo zwwooooo Firefox 3 Firefox 3 Windows XP Windows XP

      @QiQiBoY 我用了半年多的5层嵌套,如果是一层楼一层楼嵌套回复还是很好看,但当你3嵌套下面又2嵌套然后4嵌套、5嵌套再2嵌套,就乱七八糟了

  13. 小T 小T Firefox 3 Firefox 3 Windows 7 Windows 7

    我看晕了,试试效果,每次来z大这里主题都有变化,一天一个变 :mrgreen:

    29楼
  14. licream licream Internet Explorer 7 Internet Explorer 7 Windows XP Windows XP

    HI,我的网站有没有什么办法可以让回复邮件通知。试过很多插件都不支持。无奈。。你帮我看看有没插件支持这类形式的回复·@用户名:

    30楼
    • zwwooooo zwwooooo Firefox 3 Firefox 3 Windows XP Windows XP

      @licream 不支持可能是你的空间商没开放mail()函数,问问吧。

      你说自动加 @用户名 ?试试 @reply 插件,如果不行那么只有自己直接修改主题了,用jQuery或者其他js,如果你跟我一样对jQuery基本不懂,那么有得折腾了

    • licream licream Google Chrome 4 Google Chrome 4 Windows 7 Windows 7

      @zwwooooo
      谢谢,我去试试看 :shock:

  15. 新年快到了,博客也改一下面孔 - pingback on 2009/12/26/ 14:15
    31楼
  16. Firm Firm Internet Explorer 8 Internet Explorer 8 Windows XP Windows XP

    恩,这样看上去排列清爽多了

    32楼
    • zwwooooo zwwooooo Google Chrome 4 Google Chrome 4 Windows XP Windows XP

      @Firm 就是这个目的。5级嵌套乱得很(指多人讨论时)

  17. Z theme » Blog Archive » zww Line - pingback on 2010/05/25/ 21:37
    33楼
  18. 洁 Google Chrome 5 Google Chrome 5 Windows XP Windows XP

    怎么把悬浮功能区掉了

    34楼
  19. BoKeam BoKeam Google Chrome 6 Google Chrome 6 Windows XP Windows XP

    我看不懂,另外找。。

    35楼
  20. 36楼
  21. MOPVHS MOPVHS Google Chrome 5 Google Chrome 5 Windows XP Windows XP

    悬浮显示 @ 评论 :twisted:

    37楼
  22. 安装VnstatVPS流量监控与伪无限嵌套 | 邪罗刹的菠萝阁 - pingback on 2010/09/09/ 20:12
    38楼
  23. WordPress Theme:zww Line (beta 2) | xperience - pingback on 2011/06/27/ 15:05
    39楼

Leave a Reply