跨页悬浮显示 @ 评论 (原理篇)
以前我写过写过一个教程, 讲解如何在 iNove 主题中悬浮显示 @ 评论. 其实在开始制作的时候就知道存在一个缺陷. 如果使用评论分页, 只可以悬浮显示当页的评论作为提示信息, 而不能跨页操作.
我一直没去弄, 一是怕增加服务器负担, 二是因为懒. 最近看到 yinheli 把这实现了, 本想把它抄过来用用, 无奈 JS 代码压缩过看不了, 最后还是自己弄了一下. 操作原理未必相同, 但效果应该是差不多的.
为什么不能跨页显示?
因为其工作原理是, 当鼠标移动到 @{username} 时在本页找到对应的评论, 并插入到评论列表中, 以绝对位置的方式显示出来. 如果评论不在本页, 找不到对象, 当然就没有后面的处理了.
如何跨页获取评论信息?
如果本页找不到对应的评论, 可以通过评论的 ID, 用 AJAX 将后台查询到的评论信息返回页面. 当鼠标移动到 @ 评论上时, 向用户悬浮显示 'Loading...' 提示框, 如果操作成功将找到的评论插入评论列表的最后面, 并将该评论的内容置换到 'Loading...' 框.
也就是说, 被加载过的评论会一直保留在本页中, 当鼠标再次移动到 @ 评论上不用重新加载.
后记
请到 http://www.neoease.com/themes/#comment-19001 这个评论中查看实现的效果. @Adam 上方都是跨页的评论, 下方是本页的.
因为工具受限, 现在画不了流程图, 我会在下一节中把处理逻辑整理一下.
声明: 本文采用 BY-NC-SA 协议进行授权. 转载请注明转自: 跨页悬浮显示 @ 评论 (原理篇)

啊,不会第一个吧,半夜瞎逛到此。。。
太帅了这个,必须试试,有望放弃嵌套评论
@万戈
自己先试一个,关注本文,期待实现篇
好帅,等待处理篇~
这个必须支持……如果在本页找到了,就不通过评论的 ID 查询?这个不错
效果很棒,但是浮动出现之后,鼠标移动到浮动的窗口上去,浮动窗口就消失了。。。
5点多起来抢沙发,⊙﹏⊙b汗
哎,博客没那么多评论。一页都用不完。
能够实现跨页显示当然更好,期待你的详解。。
真不错啊,终于做出来了
不错,终于我也前排就座了..
@小为
你可以通过修改脚本使它不消失的
现在觉得iTweet的in reply to形式更加过瘾
这个跨页功能 内流满面啊。。。。。。。。
没看过以前那篇,原来还可以这样- -
期待共享分羹,嘿嘿
得先回去学习那篇:l
@qiqiboy
恭喜! 哈哈~
@万戈
会有实现篇的, 不过这几天可能不行, 等我忙完就写.
@麦子
是通过 ID.
@小为
要的就是这样的效果吧. 呵呵~
@bolo
怎样 in reply to?
@underone
@mg12
你到http://itweet.net/web/看看就知道了,点击"in reply to"链接能逐级显示所回复的评论
題外話, 我想問mg12大大, 帖子裡的翻譯是甚麼Plugins? 那裡可以找到?
@Mars
测试一下!
主题真是越来越细致了啊。
我早就已经实现了. 使用 ajax 调用的.也不是很难.
评论始终都没分页,555~
如果是嵌套回复呢,同一级跟子级怎么弄啊?
完善后我也装个WP
想快点知道你的实现代码,O(∩_∩)O哈哈~
@yinheli
你来这里显摆什么,多向mg12学学奉献精神,不要总把不是很难的技术藏在窝里。
捧场,鲜花送上,祝mg12 早点找个大美女!
好~支持!
opera的问题没有好的办法么?
MG12很强!支持!
你的Theme用户好多哦!
@万戈
呼呼 万兄弟 好久没联系了 ~
@chancat
呵呵,是呀,我以为是谁回复我呢,原来是禅猫老兄,居然在这里碰到,有幸啊
I like this Paled. It is more prettier than iNove I think
And I suggest you could add a "Cancel Edit" link (or button) when readers edit their comments.
这个很漂亮。
是很漂亮。期待中...
效果很棒啊,这个以前推出过插件没。
期待更棒的……
关于评论回复插件我的博客好像不支持!
学习一下,很专业。
拜读了,楼主是不是又对主题进行了修改,应该不是我浏览器的问题吧
@万戈
, 不知道 这MG12的 新皮 什么时候发布
这些日子 工作忙,我也只看不说话
快理论联系实际吧mg12老大
有人用Godaddy的主机吗?
@bolo
这两种形式不太一样哦, 我这里只是起到一个提示的作用.
@wli93
請參照下文:
http://www.neoease.com/wordpress-plugins-i-using/
@Mars
过奖
@yinheli
呵呵, 你的 JS 怎么压缩了? 要不我直接就拿来用算.
@Dreamix
会有的. 加油...
@chisdy
嵌套回复就不需要这个了吧.
@Alex
这个可能得等些时间, 最近工作生活比较紧凑. (囧, 很土的解释)
@BSyin
我确实是看到 yinheli 的效果才觉得加上这效果的.
@whisperer
Opera 暂时屏蔽这个效果.
@JAY
这个是插件实现的, 所以... 我会向作者建议一下.
@cingpin
是修改过了
@chancat
不确定发布与否.
@Mr.坏
我整理一下思路, 有时间我肯定会写的.
这个有一定的技术性,
一般新人要好好了解下!
@qiqiboy
看看效果如何
@bint
看看效果`
@bint 看效果