Jquery始終觸發mouseenter

我無法使用Javascript來工作。每當我進入div（將鼠標移動到元素上），jQuery都會持續發射。Jquery始終觸發mouseenter

jQuery的

jQuery(document).ready(function($) { 
    $('#banner-roxo .text').hide(); 

    $('#roxo-um').mouseenter(function() { 
     $(this).children('.image').hide().effect('drop', {direction: "down"}, 1000, function() { 
      $(this).parent().children('.text').show().effect('drop', {direction: "up"}, 1000); 
     }) 
    }).mouseleave(function() { 
     $(this).children('.text').hide().effect('drop', {direction: "down"}, 1000, function() { 
      $(this).parent().children('.image').show().effect('drop', {direction: "up"}, 1000); 
     }) 
    }) 
});

HTML：

<div id="banner-roxo"> 
    <div id="roxo-um"> 
     <div class="image"> 
      <img src="http://www.d1digital.com.br/clientes/audiolab/wp-content/themes/d1Digital/images/roxo_1.png" height="181px" width="181px" border="0px" /> 
     </div> 
     <div class="text"> 
      Imergimos na marca, seu universo e aspirações; extraímos os conceitos que definem a sua identidade sonora. 
     </div> 
    </div> 
</div>

我想要什麼： 當用戶將鼠標懸停#roxo-um，.image需要隱藏用jQuery UI拖放效果，並顯示.text有同樣的效果，滑動起來。當用戶離開#roxo-um時，請執行相同操作，但隱藏.text並顯示.image。

我該如何做到這一點，因爲我當前的腳本不斷地觸發？

謝謝。

來源

2012-04-22 Gabriel Santos

它看起來像輸入&隨着div＃roxo-um的高度改變，離開事件被偶爾觸發。

這裏見例如：http://jsfiddle.net/NGtrS/（除去高度&看差）

來源

2012-04-22 02:20:37

我覺得寬度做了錯誤的工作，但是，你的腳本（和我太）不工作以及.. – 2012-04-22 02:45:23

Jquery始終觸發mouseenter

回答

相關問題