2012-06-27 80 views
2

我正在學習JQ,我創建了一個div,當它懸停在打開狀態並且光標離開打開的div關閉時。JQuery - 使用JQuery格式化時遇到問題

所有作品完美,但這是我的問題...

當光標越過DIV迅速股利怪胎,並打開並很快關閉幾次

任何意見將不勝感激。

安迪

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()

stop(1, 1)

+0

非常感謝你的工作 - 現在看着它:) –

1

嘗試你也可以查看該元素不被顯示,並通過使用:animated選擇隱藏之前的動畫。

還檢查了hoverIntent jQuery插件。

+0

非常感謝你的回覆 –