jquery - 在 href 链接上使用数据描述

Question

我想在 href 链接上使用数据描述，但描述不显示。有人知道如何使用它，请告诉我。这是演示链接http://jsfiddle.net/KNa3A/

Answer 1

您可以为此使用 :after 伪元素 - http://jsfiddle.net/spacebeers/KNa3A/4/

.your_class:after {
    content: attr(data-description);
    display: block;
    padding: 0 0 0 10px;
    color: red;
}

将 :after 元素的内容设置为 attr(data-description) 就可以了。

Answer 2

除了标准 Mootools 库外，您没有 JavaScript 代码：http: //jsfiddle.net/KNa3A/

data-description 可以被一些 JavaScript 插件使用，但你需要初始化它。然后那个插件（可能是 jQuery 或 Mootools 插件）会得到那个描述并渲染好东西（弹出框、工具提示等）。这应该包含在该特定插件的教程/快速入门/自述文件中。

附言。其他人建议改用 title 属性。这是一个很好的方法，除非你想要一些花哨的东西。但是对于一些花哨的东西，你很可能需要 JS 插件。