使網頁上的每個單詞都可點擊，並彈出一個窗口

Question

我想做標題所說的。 我想要一個帶有單詞的頁面，並且每個單詞都可以點擊。 單擊一個單詞時，我希望在文本上方顯示一個彈出窗口，直到單擊下一個單詞為止。

我現在計划這樣做的方法是讓每個單詞在一個具有自己 id 的跨度中，並讓 javascript 顯示/隱藏點擊時的彈出窗口。 我想知道是否有比給每個單詞自己的跨度更有效的方法，因為可能有數百個單詞。 有沒有比我的想法更有效的替代方案？

Answer 1

我不知道你的項目到底是關於什么的，但我建議使用title屬性，並用像 Tipsy 這樣的 jQuery 插件來改變它。

Tipsy 是一個輕量級的插件，你可以設置觸發器（默認是hover）點擊，所以如果你點擊一個元素，你在title屬性中設置的文本就會顯示出來。 您還可以設置工具提示的方向（默認為 s 代表南，它將出現在單詞的頂部）並使用自定義 CSS 重新設計它。 在此處查看文檔： jQuery Tipsy 。