jquery - href リンクでのデータ記述の使用

Question

href リンクで data-description を使用したいのですが、説明が表示されません。どなたか使い方をご存知の方いらっしゃいましたら教えてください。ここにデモリンクがありますhttp://jsfiddle.net/KNa3A/

Answer 1

これには：afterpsuedo要素を使用できます-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プラグイン）はその説明を取得し、素晴らしいもの（ポップオーバー、ツールチップなど）をレンダリングします。これは、その特定のプラグインのチュートリアル/クイックスタート/readmeファイルに含まれている必要があります。

追伸 代わりにtitle属性を使用することを提案する人もいます。あなたが何か派手なものが欲しくない限り、それはそれをする良い方法です。しかし、何か凝ったものには、おそらくJSプラグインが必要になります。