2012-06-27 2 views
2

저는 JQ를 배우는 중입니다. 위에 열거 나 커서가 열린 div를 닫을 때 div를 만들었습니다. 모두가 완벽하게 작동하지만 이건 내 문제가JQuery - JQuery를 사용하여 포맷팅하는 데 문제가 있습니다.

...

커서가 빠르게 사업부 사업부 밖으로 괴물과 열리고 매우 빠르게 여러 번 닫 넘어

.

모든 조언을 주시면 감사하겠습니다.

앤디

script type="text/javascript" 
$(document).ready(function(){ 
$(".tagShow").hover(function(){ 
    $(".panel").show("fast"); 
},function(){ 
    $(".panel").hide("fast");   
}); 

}); 

</script> 
<div class="tagShow"> 
<div class="panel"> 
<?= $tagCloud ?> 
    </div> 

<p class="flip">Select Category 
<span class="sCategory"></span></p> 
</div> 

CSS :

div.panel,p.flip 
{ 
    margin:0px; 
    padding:5px; 
    text-align:center; 
    background-color: #edf7f9; 
    border:1px solid #24b4e0; 
    position: absolute; 
    z-index: 2; 


    } 

    div.panel 
    { 
    padding: 50px; 
    height:140px; 
    display:none; 
    width: 778px; 
    } 

답변

2

이 질문에 많은 중복이 있습니다. 해결책은 stop()입니다.

당신은 또한 요소가 보여주는하고 :animated 선택기를 사용하여 숨어 전에 애니메이션되지 않는 것을 확인할 수 있습니다 stop(1, 1)

+0

고마워요. 아름답게 작동합니다. 이제는 그걸보고 있습니다. –

1

으로 봅니다.

hoverIntent jQuery 플러그인도 확인하십시오.

+0

답장을 보내 주셔서 감사합니다. –

관련 문제