자식 DIV의 사라지는는

Question

나는

function ShowEditDiv() { 
    $("#itemName").removeClass().html("<a href=\"javascript:Edit()">Edit</a>").addClass("divEdit"); 
    } 
function HideEditDiv() { 
$("#itemName").html("&nbsp;").addClass('divEdit'); 

} 

내 요구 사항은 편집 링크를 보여주는 것입니다이

<div id='divItemHolder'onMouseout='HideEditDiv()' onMouseover='ShowEditDiv()><div id='itemName'></div><div id='divEdit'></div></div> 

처럼 내 스크립트에 일부 HTML 물건이있을 때 오버 사용자 장소 커서 전체 master div (divItemHolder)로 이동하고 그가 밖으로 나가면 숨 깁니다. 이것은 잘 작동합니다 .IT 편집 링크를 보여줍니다. 그러나 편집 링크 위에 커서를 놓으면 사라집니다. 심지어 내 클릭 기능을 발사하지 않습니다!

이 문제를 해결할 수있는 사람이 있습니까?

Answer 1

"을 탈출하지 않았으며 다른 것을 끝내지 못했습니다. 이 시도 : HTML로

$(document).ready(function() 
{ 
    $(".parent") 
     .mouseenter(function() 
     { 
      $(this).children(".edit").show(); 
     }) 
     .mouseleave(function() 
     { 
      $(this).children(".edit").hide(); 
     }) 
     .children(".edit").hide(); 
} 

과 같습니다 :

<div class="parent"> 
    ... 
    <div class="edit"> 
     <a href="javascript:Edit()">Edit</a> 
    </div> 
</div> 
<div class="parent"> 
    ... 
    <div class="edit"> 
     <a href="javascript:Edit()">Edit</a> 
    </div> 
</div> 
...