Question

嗨，有人可以解释一下我做错了什么。当你将鼠标悬停在一个链接（butt1）上时，我试图让一个图像（bub1）淡入，当你鼠标移开时我会淡出。谢谢你的帮助。

我根据这里的帮助更新了这个并添加了我的HTML ...

    <a href="#" class="butt1"><img src="images/button-1.png" alt="" class="home-butt-1"/></a>

<div class="bub1"><img src="images/bubble-bl.png" alt="" /></div>

    <script type="text/javascript">

$(function() {
    $('.bub1').hide();
    $('a.butt1').hover(function() {
        $(this).find('.bub1').fadeIn('fast');
    }, function () {
        $(this).find('.bub1').fadeOut('fast');
    });
});

</script>

Answer 1

怎么样：

$(function() {
    var bub1 = $('.bub1').hide();
    $('a.butt1').hover(function() {
        bub1.fadeIn('fast');
    }, function () {
        bub1.fadeOut('fast');
    });
});

Answer 2

你的语法错了，它应该是：

$(function() {
    $('a.bub1').hide();
    $('a.butt1').hover(function() {
        $('.bub1', this).fadeIn('fast');
    }, function () {
        $('.bub1', this).fadeOut('fast');
    });
});

你的错误是“$（this）。（'。bub1'）”，当你想要选择另一个元素时，$('.selector', '.parent_selector')或$（'。selector'，parentjQueryobj）中的语法

jQuery悬停淡出问题

2 个答案: