1

順序付けられていないリストにアイテムのリストがあります。各<LI>項目には、その要素が選択されたときに表示する必要がある対応する説明があります。タイトル属性に説明を入れて、要素のクリックから取得し、説明コンテナにレンダリングすることを考えていました。ただし、マウスを の上に置いたときにツールチップとして表示したくありません<li>。タイトルに代わるより良いものはありますか？

<li title="description here">My element</li>
4

3 に答える 3

4

に保管してください。HTML5 data-* attribute

<li data-title="description here">My element</li>

そうすることで、説明がツールチップとして表示されなくなります..

data-title任意のデータにすることができます-あなたの名前

.attr()これには、またはのいずれかを使用してアクセスできます。.data()

$('li').attr('data-title') ;

また

$('li').data('title');
于 2012-10-15T22:29:59.317 に答える
0

説明を含み、JSが有効な場合はデフォルトで非表示になり、JSが無効な場合は表示されるDLリストを使用できます。DD

<dl>
    <dt>My element</dt>
    <dd>Description here</dd>

    <dt>Another element</dt>
    <dd>Another description</dd>
</dl>
于 2012-10-15T22:40:16.147 に答える
0

タグの属性はいくつでも持つことができます。事前定義された属性をいじることなく、自由に独自の属性を定義してください。

例えば：

<li desc1="description here" desc2="Second desc here">My element</li>

通常の属性としてアクセスします。

$('li').attr('desc1')

$('li').attr('desc2')

あなたの場合、それはそのようになるべきです：

$('li').bind('click', function(event) {
  var desc = $(event.target).attr('desc1');
});

「標準」属性は、主な目的に使用する必要があります。開発者が独自の属性を必要とする場合は、自由に定義する必要があります。

もう1つ、属性にHTMLを含めることができますが、区切り文字（ "、'）の折り返しをエスケープすることを忘れないでください。 desc1="<div class='alert'>description here</div>" 正常に機能します。

于 2012-10-15T23:16:38.910 に答える