JQuery와 라이브,? 추가로, 마우스를 두었을 여기에

Question

을 깨는 것은 코드의 위에. 문제는 마우스가 XXX 위에서 마우스를 가져 가면 .findme 안에 있더라도 mouseout을 트리거한다는 것입니다. 그 이유는 무엇입니까? 또는이 효과를 얻는 더 좋은 방법은?

Answer 1

mouseenter와 mouseleave를 사용해보십시오.

.live({ 
    mouseenter: 
     function() 
     { 

     }, 
    mouseleave: 
     function() 
     { 

     } 
    } 
); 

Answer 2

이것은 mouseout의 표준 동작입니다. jQuery 1.4를 사용한다면 mouseover/mouseout을 mouseenter/mouseleave로 대체해야합니다.

편집 : 일부 예제 코드 :

$(document).ready(function() { 

    $('.findme').live('mouseenter', function(event) { 
     $(this).css("background", "red"); 
     $(this).append('<span id="dropdown">XXX</span>'); 
    }).live('mouseleave', function(event) { 
     $(this).css("background", "transparent"); 
     $('#dropdown').remove(); 
    }); 

}); 

Answer 3

이 제대로 작동 결국 :

$(".findme").mouseenter(function(){ 
    // do something on mouseover 
    $(this).css("background", "red"); 
    $(this).append('<span id="dropdown">edit</span>'); 
}).mouseleave(function(){ 
    // do something on mouseout 
    $(this).css("background", "transparent"); 
    $('#dropdown').remove(); 
}); 

는 희망이 유사한 필요로 다른 사람을 도움이됩니다.