Question

var oldHeight = $("#outerCart").height;
        $('#outerCart').animate(
                    { height: (oldHeight + 100) }, {
                        duration: 'slow',
                        easing: 'easeOutBounce'
                    });

现在这段代码不起作用（猜测的罪魁祸首是将oldHeight用于新的高度）。像这样的常量将起作用

var oldHeight = $("#outerCart").height;
        $('#outerCart').animate(
                    { height: 200 }, {
                        duration: 'slow',
                        easing: 'easeOutBounce'
                    });

我如何使这种动态。提前致谢

Answer 1

您可以改为"+=100"。

$('#outerCart').animate(
 { height: '+=100' }, {
     duration: 'slow',
     easing: 'easeOutBounce'
 });

来自animate()^(docs)方法的文档：

动画属性也可以是相对的。如果一个值带有前导+ =或 - =字符序列，则通过在属性的当前值中加上或减去给定数字来计算目标值。

您的代码无效的原因是您在不调用它的情况下引用了该函数。

$("#outerCart").height;

应该是：

$("#outerCart").height();

如何在JQuery中获取元素的高度并在动画中使用它

1 个答案: