jquery - 用于存储数据的 'title' 属性的最佳替代方案，例如单词的替代含义

Question

我将使用 jquery 来显示不是每个人都会立即知道或理解的单词的替代含义。举一个非常糟糕的例子:“约翰尼是个小男孩。”用户可以标记一个复选框以打开现在的模式:“Johnny is a little (tiny, small, short) boy。”同样，非常简单的例子。我不想使用 title 属性，因为它会弹出那个丑陋的小工具提示。有些人可能会同意，我不同意。

最好的属性或方法是什么？创建我自己的属性？有什么好处和陷阱？

Answer 1

<span data-easy="tiny, not large" class="easy"> small </span>

使用 jQuerys 数据，http://api.jquery.com/jQuery.data/

可能使用 CSS 来显示它们:

span.makeeasy[data-easy]:after { content: " (" attr(data-easy) ")"; }

然后将内容放入 DIV 并添加“makeeasy”类以显示值。 (您可能需要对旧版浏览器进行后备)