0

作成したjQueryドロップダウンが緩和されず、跳ね返らない理由を理解しようとしています.クラスを追加および削除しているようですが、残りは機能していません。

これが私のjQueryです：

var $$ = jQuery;
$$(document).ready(function() {
$$(".cartTop").hover(function() {
$$(".quickcart a.product-image img").addClass("dropcartimg");
$$(".quickcart").addClass("cart-active");
$$(".cartTop .quickcart").stop(true, true).delay(300).slideDown(500, "easeOutBounce");
        }, function() {
$$(".quickcart").removeClass("cart-active");
$$(".cartTop .quickcart").stop(true, true).delay(300).fadeOut(800, "easeInCubic");
        });
});

これが私のすべてのコードです:)

http://jsfiddle.net/JkX4g/7/

4

2 に答える 2

0

JS:

var $ = jQuery;
$(document).ready(function() {
$(".cartTop").hover(function() {
                        $(".quickcart a.product-image img").addClass("dropcartimg");
                        $(".quickcart").addClass("cart-active");
            $(".cartTop .quickcart").stop(false, false).delay(300).slideDown(500);
        }, function() {
$(".quickcart").removeClass("cart-active");
            $(".cartTop .quickcart").stop(true, true).delay(300).fadeOut(800);
        });
});

私のフィドル

イージングを追加する場合は、イージング プラグインを外部スクリプトとして JavaScript とともに含める必要があります。

于 2013-03-19T01:39:28.777 に答える
0

動作させるには、jQuery イージング プラグインを含める必要があります: http://gsgd.co.uk/sandbox/jquery/easing/

また、使用しているクラスを追加/削除する必要はありません。display: block;これにより、jQuery アニメーションが壊れます。あなたの JS Fiddle で試してみましたが、今はうまくいっています。

于 2013-03-19T01:39:42.783 に答える