将变量传递给 .animate() 函数 JQuery

Posted 2023-05-08

【中文标题】将变量传递给 .animate() 函数 JQuery

【英文标题】：Passing variable to .animate() function JQuery

【发布时间】：2012-06-19 17:51:28

【问题描述】：

下面我有一个函数，它根据一个变量 (nextItem) 是否大于另一个 (currentItemRel) 来将 div (container) 向左或向右移动。

我遇到的问题是在.animate() 函数中使用了distance 变量。

如何传递这个变量？目前我的 javascript 正在中断，因此我们将不胜感激。

谢谢

var distance = (nextItem - currentItemRel) * 1260;

            if (nextItem > currentItemRel)
            

                $('#container').animate( left: -=distance , 1200);

             else if (nextItem < currentItemRel)
            
                $('#container').animate( left: +=distance , 1200);
            ;

【参考方案1】：

jquery animate 函数的 += 和 -= 修饰符必须被解析为字符串。

查看this fiddle

【讨论】：

我只是跳出框框思考并将其作为变量。谢谢，小提琴很棒！