Mouseleave 기능을 불필요하게 실행합니까?

Question

여기 jQuery mouseleave 이벤트가 있습니다. ckeditor가 있습니다. 마우스를 입력 할 때 마우스를 놓을 때 실행해야 할 때 ckeditor를 표시해야합니다. 마우스를 놓으면 마우스가 움직여서 작업을하고 ckeditor에서 텍스트를 쓰는 것을 나타냅니다.

<script type="text/javascript"> 
    $(document).ready(function() { 

     $('#btndiv1').hide(); 

     $('#btndiv').hover(function() { 
      $('#btndiv1').show(); 
     }); 
     }); 
</script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    var editor = CKEDITOR.editor.replace('editor1'); 
    $('#btndiv').mouseleave(function (event) { 
     $('#btndiv1').hide("slow"); 
      alert(1); 
      var value = editor.getData(); 
      alert(value); 
      $('#btndiv').append(value); 

     }); 
    }); 

</script> 

여기 내 사업부 : 일부 색상이 발사를 적용하는 난 그렇게 생각 일부 사업부에서 열고 색상을 의미하지만 마우스 또는 사업부의 한 번 여기

그것을 확인하시기 바랍니다 일단 해고해야 할 것은 내 코드입니다

<h4>design your own text</h4> 
<div id="btndiv" > 
    <div id="btndiv1" style="height:auto;width:auto; border:solid 1px;"> 
    <textarea rows="10" id="editor1" "></textarea> 
    <p id="text" ></p> 
     </div> 
</div> 

여기가 작동 중입니다. 문제가 발생하는 것은 어떤 색상을 적용하기 위해 열 때입니다. 또는 열어 볼 때 sode div k가 열리는 것은 발사가 숨겨 짐을 의미합니다.

하지만 어떤 도움이 사전에

감사 appriciated 사업부에서 마우스를 이동하면 그것을 숨길 필요가

Answer 1

사용해보십시오이 :

$('#btndiv1').mouseleave(function() { 
    $('#btndiv1').hide("slow"); 
}); 

은 당신이 당신의 코드에있는 것은 :

$('#btndiv').mouseleave(function (event) { 
    $('#btndiv1').hide("slow"); 
     alert(1); 
     var value = editor.getData(); 
     alert(value); 
     $('#btndiv').append(value); 

    }); 
$('#btndiv') //which is holding the ckeditor textarea 

div 및 tex를 보유하고있는 부모를 캡처해야합니다. t 영역.