购物车滑动鼠标悬停和向下滑出鼠标

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