使用弹出窗口使网页上的每个单词都可单击

Question

我想做标题所说的内容。我希望有一个包含单词的页面，并且每个单词都可以点击。单击一个单词时，我希望在文本上方显示一个弹出窗口，直到单击下一个单词。

我现在打算这样做的方法是让每个单词都有自己的id，并让javascript在点击时显示/隐藏弹出窗口。我想知道是否有更有效的方法，而不是给每个单词自己的跨度，因为可能有数百个单词。我的想法有没有更有效的替代方案？

Answer 1

我不确切知道你的项目是什么，但我建议使用title属性，并使用像Tipsy这样的jQuery插件来改变它。

Tipsy是一个轻量级插件，您可以设置触发器（默认为悬停）以进行单击，因此如果单击某个元素，将显示您在title属性中设置的文本。您还可以设置工具提示的方向（默认为s代表南方，它将显示在单词的顶部）并使用自定义CSS重新设计它。请查看此处的文档：jQuery Tipsy。