購物車滑動鼠標懸停和向下滑出鼠標

Question

我已經實現了一個購物車，這需要購物車的詳細信息顯示在頂部時，產品被添加到購物車。

Link

在頭部分有車的象徵符號，對增加產品後顯示購物車的詳細信息。

至今已經添加代碼：

<script type="text/javascript"> 
     jQuery(document).ready(function() { 
      jQuery('.block-cart-custom').mouseover(function() { 
       jQuery('#cart_header_content').slideDown(500); 
      }); 
      jQuery('.block-cart-custom').mouseleave(function() { 
       jQuery('#cart_header_content').hide(500); 
      }); 
     }); 
     </script> 

請告訴我在哪裏得到錯誤的。

人們可以在購物車中添加產品，並查看相同的--->Link

Answer 1

嘗試使用的mouseover和mouseout OR mouseenter和mouseleave的組合。現在您正在使用mouseover和mouseleave這可能會導致您的問題。更簡單的選擇是使用hover。

這裏是你的代碼，而不是hover：

$(document).ready(function(){ 
    $('.block-cart-custom').hover(function(){ 
     $('#cart_header_content').slideDown(500); 
    },function(){ 
     $('#cart_header_content').hide(500); 
     //you could alternatively use slideUp instead of hide 
    } 
}); 

文檔：

mouseover api

hover api