-4

我需要在我的 jquery 中添加一个 this 标记，所以当悬停在我的图像上时，它一次只显示一个而不是全部

谢谢

$(function() {
$('.slide').hover(function() {
    $('#show-me-here span').show();
}, function() {
    $('#show-me-here span').hide();
});
});
4

4 回答 4

1

我不确定我是否正确理解您，但我假设您想在鼠标悬停在图像上时显示某些内容，并在不是时隐藏。如果是这样，请使用

$(function() {
    $('.slide').hover(function() {
        $('.common_class_of_things_you_want_to_hide_on_mouse_over').hide();
        $('.only_things_you_want_to_show_on_mouse_over').show();
    }, function() {
        $('.common_class_of_things_you_want_to_show_on_mouse_out').show();
        $('.only_things_you_want_to_hide_on_mouse_over').hide();
    });
});

编辑：由于您有多个带有 id 的 show-me，因此它不起作用，因为 ID 必须是唯一的，请改用类

于 2013-11-06T11:59:10.690 回答
1

所以我把你的代码放在一个小提琴中，它可以工作：

HTML

<button class="slide">text</button>

<div id="show-me-here">
<span>
    show me here
    </span>
</div>

JS（无变化）

$(function() {
$('.slide').hover(function() {
    $('#show-me-here span').show();
}, function() {
    $('#show-me-here span').hide();
});
});

CSS

#show-me-here span
{
    display:none;
}
于 2013-11-06T12:01:10.963 回答
1

你现在的所作所为太过分了！

这根本不需要javascript，使用简单的CSS。

.show-username{
   display: none;
}

.slide:hover .show-username{
   display: block; // or inline, inline-block, etc.
}
于 2013-11-06T12:11:48.287 回答
0

我想我已经做到了

$(".slide").hover(function () {
    $(this).find(".show-username").show();
}, function () {
    $(this).find(".show-username").hide();
})
于 2013-11-06T12:02:39.687 回答