jQuery hover problèmes de fondu

Question

Salut quelqu'un peut expliquer s'il vous plaît ce que je fais de façon incorrecte. J'essaie de faire apparaître une image (bub1) lorsque vous passez la souris sur un lien (butt1) et que vous disparaissez lorsque vous passez la souris. Merci pour toute aide.

Je mis à jour cette base de l'aide ici et ajouté mon 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

Que diriez-vous:

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

Answer 2

Votre syntaxe est erronée, il devrait être:

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

Votre erreur est « $ (this) . ('. bub1') ", lorsque vous voulez sélectionner un élément à l'intérieur d'un autre, la syntaxe est $('.selector', '.parent_selector') ou $ ('. selector', parentjQueryobj).