jquery - jquery css函数中的“现在”是什么意思

Question

我是 jquery 的新手，我在 jquery api 中遇到了关于 animate() 函数的内容。尽管它工作得很好，但我只想知道它在那里意味着什么以及如何在其他地方实现它。这是示例代码块和网址。提前致谢。

   step: function( now, fx ){
    $( ".block:gt(0)" ).css( "left", now );
   }

http://api.jquery.com/animate/

http://jsbin.com/ihukob/1/edit

Answer 1

你的代码：

step: function( now, fx ){
    $( ".block:gt(0)" ).css( "left", now );
}

now是传递给函数的参数step。您正在使用 jquery 将left元素的位置设置为作为参数传递的值。

例子：

如果你打电话

step("100px", fx);

然后代码将执行为

$( ".block:gt(0)" ).css( "left", "100px" );

更新

它是 的step函数jquery.animate()。动画的每一步都会调用该函数。

step 类型：Function(Number now, PlainObject fx) 动画每一步后调用的函数。

发生什么了：

当您制作动画$( ".block:first" )时，您正在使用 step 函数将其他block元素也向左移动。

更新 2

now: the numeric value of the property being animated at each step

因为代码是这样的

$( ".block:first" ).animate({
   left: 100
}

now将包含 for 的left值.block:first。