我将使用jquery来显示不是每个人都会立即知道或理解的单词的其他含义。对于一个非常糟糕的例子:“Johnny is a little boy.”用户可以标记一个复选框来打开一个模式,它现在是:“Johnny is a little(miny,small,short)boy.”同样是一个非常简单的例子。我不想使用title
属性,因为它会弹出那个难看的工具提示。有些人可能会同意,我不同意。
做这件事的最佳属性或方法是什么?创建我自己的属性?有什么好处和陷阱?
最佳答案
<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”类以显示值。(对于较老的brwser,您可能需要回退)