2011-08-20 4 views
0

jQuery의 최신 버전을 사용하고 있으므로 live()에 여러 이벤트를 바인드 할 수 있다는 인상을 받았습니다. 나는 간단한 효과를 얻으려고합니다. 호버링 할 때 그림을 페이드 아웃 한 다음, 마우스를 떼면 다시 페이드 아웃합니다. 나는 가지고있다 :live()가 포함 된 여러 이벤트 jQuery

$(".previews").live("hover", function(){ 
     $(this).fadeTo('normal', .3); 
     },function(){ 
      $(this).fadeTo('normal', 1); 
    }); 

나는 이제까지 본 모든보기에서, 이것은 작동해야한다. 지금 마우스를 가져 가면 점점 어두워 지지만 다시는 일어나지 않습니다.

+0

당신이 줄 수 단지 짧은 mouseenter에 대한 손과 mouseleave입니다 작동하지 않는 완전한 예제 (HTML 포함)? 이상적으로 [jsfiddle.net] (http://www.jsfiddle.net)을 통해. –

답변

2

내가,이 같은 hoverlive을 사용할 수있는 것 같아요

$(".previews").live({ 
     mouseenter: 
      function() 
      { 
       $(this).fadeTo('normal', .3); 
      }, 
     mouseleave: 
      function() 
      { 
       $(this).fadeTo('normal', 1); 
      } 
     } 
    ); 

hover 같은 것을 사용은

hover: function(fnOver, fnOut) { 
return this.mouseenter(fnOver).mouseleave(fnOut || fnOver); 
} 

https://github.com/jquery/jquery/blob/1.4.4/src/event.js#L994-996

+0

+ 1 우수 답변, 포함 된 설명 및 코드 리소스. 좋은. –

관련 문제