You are here: Home » All Categories » WordPress » 折腾:5级嵌套改为2级嵌套 & 主评论内悬浮显示 @ 评论(唠叨篇)

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

Dec 12th, 2009 07:29 | Leave a comment?(84) Go to comments

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

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

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

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

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

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

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

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

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

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

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

Filed under

WordPress

| Tags:

Related Posts

Most Popular

84 Comments.

⊕Leave a comment?
  1. 三七八蛋 三七八蛋 Firefox 3.5.5Windows XP

    效果相当cool啊。

    21楼
  2. 司徒原 司徒原 TheWorld BrowserWindows 7

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

    22楼
  3. 吖Bee 吖Bee Google Chrome 4.0.266.0Windows XP

    效果真爽~ :grin:

    23楼
  4. armgod armgod Google Chrome 1.0.154.48Windows XP

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

    24楼
  5. 掌柜的马甲 掌柜的马甲 Firefox 3.5.5Windows 7

    效果很不错啊~

    25楼
  6. 阿修 阿修 UnknownUnknown

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

    26楼
  7. 阿修 阿修 UnknownUnknown

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

    27楼
  8. QiQiBoY QiQiBoY Firefox 3.6b5Windows 7

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

    28楼
    • zwwooooo zwwooooo Firefox 3.5.5Windows XP

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

  9. 小T 小T Firefox 3.5.5Windows 7

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

    29楼
  10. licream licream Internet Explorer 7.0Windows XP

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

    30楼
    • zwwooooo zwwooooo Firefox 3.5.5Windows XP

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

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

    • licream licream Google Chrome 4.0.249.4Windows 7

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

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

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

    32楼
  13. Z theme » Blog Archive » zww Line - pingback on 2010/05/25/ 21:37
    33楼
  14. 洁 Google Chrome 5.0.375.70Windows XP

    怎么把悬浮功能区掉了

    34楼
  15. BoKeam BoKeam Google Chrome 6.0.453.1Windows XP

    我看不懂,另外找。。

    35楼
  16. 36楼
  17. MOPVHS MOPVHS Google Chrome 5.0.375.99Windows XP

    悬浮显示 @ 评论 :twisted:

    37楼
  18. WordPress Theme:zww Line (beta 2) | xperience - pingback on 2011/06/27/ 15:05
    39楼

Leave a Reply


Trackbacks and Pingbacks: