JQuery проблемы с зависанием исчезают

Question

Привет, может кто-нибудь, пожалуйста, объясните, что я делаю неправильно. Я пытаюсь заставить изображение (bub1) исчезать, когда вы наводите курсор мыши на ссылку (butt1), и исчезать, когда вы щелкаете мышью. Спасибо за любую помощь.

Я обновил это на основе справки и добавил свой 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).