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=""，而它应该显示“什么？”

<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 回答