0

私はこれらのデータ属性を持っています

<li data-audio="" data-pic="images/one.png" data-word="one" data-hint="What?"></li>

この関数を使用してそれらを引き抜きます

$(wordsData).each(function () {
    var elm = $(this);
    listOfWords.push({
        "name": elm.data("word"),
        "pic": elm.data("pic"),
        "hint": elm.data("hint"),
        "audio": elm.data("audio")
    });
});

私の問題は、画像を引っ張るときに、同じ div にヒントを表示したいということです。しかし、何らかの理由で、コンソールをチェックインすると、value="" と表示されますが、"What?" と表示されるはずです。

<div class="hint-img-wrapper">
<img src="" value="" id="hintPic" class="pic-hint" alt="Hint" />

こんな感じで表示します

 $("#hintPic").attr('src', listOfWords[rndWord].pic).attr('value', listOfWords[rndWord].hint);
        $(hintPic).show();

誰かが私が間違っていることを教えてもらえますか?

4

1 に答える 1

1

代わりに本当に設定したいの.attr('value', listOfWords[rndWord].hint);は.attr('title', listOfWords[rndWord].hint);

titleプロパティは、画像にカーソルを合わせた場合に通常表示されるプロパティです。タイトルが指定されていない場合は、altプロパティが使用されます。

于 2012-11-07T14:51:10.293 に答える