jQuery 호버 페이드 문제

Question

안녕하세요 누군가가 내가 뭘 잘못하고 있는지 설명해주십시오. 나는 당신이 마우스 오버 링크 (butt1)를했을 때 이미지 (bub1)가 희미하게 보이도록하려고 노력하고있다. 어떤 도움을 주셔서 감사합니다.

I 갱신이 여기에 도움을 기반으로 추가 내 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'); 
    }); 
}); 

는, 그것이 응답 .. .. 또한, 나는 a.bub1을 넣어 엉망 불구하고의 (a가있을 안) 중 나던 작업

Answer 2

귀하의 구문이 잘못, 그것이 있어야 :

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

귀하의 오류가 "$입니다 (이) . ('.bub1') ", 다른 요소의 내부에서 요소를 선택하려면 $('.selector', '.parent_selector') 또는 $ ('. selector', parentjQueryobj)의 구문을 사용하십시오.