jquery - jQuery 弹跳和缓动不起作用

Question

我试图弄清楚为什么我创建的 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/

Answer 1

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

Answer 2

您需要包含 jQuery 缓动插件才能工作： http: //gsgd.co.uk/sandbox/jquery/easing/

此外，您不需要在使用时添加/删除类，display: block;这会破坏您的 jQuery 动画。用你的 JS Fiddle 试过，它现在对我有用。