0

商品がカートに追加されたときにカートの詳細を一番上に表示する必要があるショッピングカートを実装しました。

リンク

ヘッダー部分には、商品を追加した後にカートの詳細を表示するカート シンボルがあります。

今までコードを追加しました：

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

どこが間違っているのか教えてください。

カートに製品を追加して同じことを確認できます --- >リンク

4

1 に答える 1

0

mouseoverとmouseoutORmouseenterと を組み合わせて使用​​してみてください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

于 2013-11-01T13:57:39.327 に答える