如何在dealsea.com上实现评论弹出窗口？

Question

我碰到了[查看链接的修订历史]，并因其干净的设计感到惊讶。当您点击某项交易下的任何“添加评论”链接时，我对该网站如何实施“添加评论”弹出窗口特别感兴趣。

我对弹出窗口的JS知识仍然在..级别。然而，本网站仅使用< a class =“addcomment”>添加评论。它如何触发弹出窗口？我搜索了它的主页html源代码，并没有看到它预载了弹出框的情况，然后当有人点击“添加评论”链接时隐藏并启用它。

Answer 1

看看jQuery它的JavaScript库有功能和插件，可以很容易地实现这一点，并支持大多数浏览器。

看一看jQuery的具体对话框：http://jqueryui.com/demos/dialog/

Answer 2

他们通过jQuery附加一个单击事件处理程序。如果您使用浏览器的开发工具并使用控制台，则可以执行以下代码来查看绑定的处理程序。如果您使用Firefox和Firebug，则可以使用Firequery，它将.data（）数据添加到dom视图。

$(".addcomment").data("events").click 

如果您查看外部js文件并搜索“addcomment”，您会看到绑定的处理程序。