Question

不确定为什么这似乎不起作用，我可以通过ID使用硬编码的字符串来进行描述，但是当我尝试更全面地执行此操作时，我无法获得它工作正常。基本上，当您将鼠标悬停在图像上时，p（＆＃34; desc＆＃34;）会向下滑动，并在其中显示文本字符串。

HTML

<div id="awardCont" class="bottomBlock">
    <div id="award">
        <div class="trophy" rel="foo"></div>
        <div class="trophy"></div>
        <div class="trophy"></div>
        <p id="desc"></p>
    </div>
</div>

我将不胜感激。

JS

$(function() {
        $('.trophy').hover(function() {
            var copy = $(this).attr(rel);
            $('#desc').slideDown('fast').html(copy);
        }, function() {
            $('#desc').slideUp('fast');
        });
    });

Answer 1

将rel放在引号中：

.attr('rel')

在图像悬停时显示文本 - 从rel attr获取字符串

1 个答案: