Mouseenter Hover Div 표시/숨기기

Question

나는 성공적으로 작동하도록 제 기능을 갖기 위해 노력하고 있습니다. 내가 필요로하는 것은 내 div로 스크롤 할 수 있고 X가 나타나면 나중에 원하는 효과를 추가 할 수 있습니다.

크로스 브라우저 호환이 필요하므로 자바 스크립트를 사용하고 있습니다. 앞으로 추가 할 내용이 매우 제한되어 있으므로 CSS를 사용하고 싶지 않습니다.

<script> 
$(document).ready(function() { 
$('div.userinfo').hover({ 
    mouseenter: function() { 
     $(this).children('div.delete').show(); 
    }, 
    mouseleave: function() { 
     $(this).children('div.delete').hide(); 

    } 
    }); 
    }); 
</script> 
    <? 
echo "<div class='userinfo'><div class='delete' style='cursor:pointer;position:relative;top:0px;float:right;padding-right:5px;' onclick=\"delete_('".$streamitem_data['streamitem_id']."');\">X</div></div>" 

Answer 1

사용 bind() 방법 :

$(document).ready(function() { 
    $('div.userinfo').bind({ 
    mouseenter: function() { 
     $(this).children('div.delete').show(); 
    }, 
    mouseleave: function() { 
     $(this).children('div.delete').hide(); 
    } 
    }); 
}); 

참고 : jQuery를 나중에 새로운 DOM 요소를 추가하는 경우는, 정말 단단한 방법을 사용 바인딩 방법이 아닌 경우, live() 또는 on()를 사용합니다. 불을 지르고의 형식 오류에 따라

Answer 2

대신 당신이 그것을 사용하려고처럼되지 않으며 나던 작품입니다 .hover()의() CSTE 연구진 사용

$(function() { 
    $('div.userinfo').on({ 
     mouseenter: function() { 
      $(this).children('div.delete').show(); 
     }, 
     mouseleave: function() { 
      $(this).children('div.delete').hide(); 

     } 
    }); 
}); 

이 일을 할 것입니다. 대신 호버의