마우스 오버시 대화 상자에서 이미지 숨기기 시도

Question

대화 상자 안의 코딩 jquery가 상위 DOC와 매우 다른 구문을 따르지 않는다는 것을 빨리 알게되었습니다. 그래서 내 코드가 .live ("mouseover"... 대신 .mouseover (...) 대신에 나이를 먹었습니다. 두 개의 이미지가 나란히 놓여 전체 크기의 40 %로 축소되었습니다. 대화 상자에 표시되는 ajax-sourced 폼. 각각은 id를 가지고 있고, 코드는 커서가 넘어갈 때 각각의 이미지를 개별적으로 확장합니다. 나는 mouseout에서 다른 것을 숨기고 mouseout에서 상태를 복원하려고합니다. 't은.로 마우스가 현상 유지에 저를 얻을 수 있지만, 마우스 오버 다른 이미지를 숨기지 않습니다.

$('#cadovr').live('mouseover', function() { 
    $(this).css('position', 'relative').height("100%").width("100%"); 
    $('#cadet').hide(); 
    }).live('mouseout',function() { 
    $(this).css('position', 'relative').height("40%").width("40%"); 
    $('#cadet').show(); 
}); 
$('#cadet').live('mouseover', function() { 
    $(this).css('position', 'relative').height("100%").width("100%"); 
    $('#cadovr').hide(); 
    }).live('mouseout',function() { 
    $(this).css('position', 'relative').height("40%").width("40%"); 
    $('#cadovr').show(); 
}); 

을 엉망 그리고 아무도 내가 대화에 .live 사용하는 이유 단서를 가지고?

Answer 1

을 대신 mouseover 시도해보십시오 mouseenter

나는이 작업을 보았는데 왜 그런지는 모른다고 생각했습니다.

.live은 Rab Nawaz가 잘 설명했습니다.