javascript - 鼠标悬停时购物车上滑，鼠标滑出时滑下

Question

我已经实现了一个购物车，当产品添加到购物车中时，它需要在顶部显示购物车详细信息。

关联

在标题部分有购物车符号，在添加产品后显示购物车详细信息。

到目前为止已经添加了代码：

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

请告诉我哪里出错了。

可以将产品添加到购物车并检查相同的--->链接

Answer 1

尝试使用mouseoverand mouseoutOR mouseenterand的组合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
    }
});

文档：

鼠标悬停 API

悬停API