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>

请告诉我哪里出错了。

可以在购物车中添加产品并检查相同的产品---＆gt; 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

鼠标悬停时向下滑动，向下滑动鼠标

1 个答案: