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);
        });
});

我的Fiddle

如果你想添加缓动，那么你应该将缓动插件作为外部脚本包含在你的javascript中。

Answer 2

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

此外，您不需要添加/删除类，因为您正在使用display: block;来破坏您的jQuery动画。尝试使用你的JS小提琴，它现在正在为我工作。

jQuery弹跳并轻松无法正常工作

2 个答案: