如何在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」，您會看到綁定的處理程序。