如何使用jQuery同时为宽度设置动画并计算新的左侧位置？

Question

我对 jQuery 中的 animate() 函数有疑问：

$(this).addClass(activeClass).animate({
  position: 'absolute'
  width: '200%',

//Here is the problem. I need the new outerWidth(true) 
//(Width+Padding+Margin+Border) of the animated element to calculate 
//the new position. I want it to be centered from it's old position. 
//But it is still using the current outerWidth.

  left : -($(this).outerWidth(true)-defaultOuterWidth)/2

});

示例：

假设我有一个 div，我想将其调整为 200%。 div开头的边距为20px，宽度为200px。

应用“activeClass”后，边距现在可能是 40px 宽，现在它有一个边框和一个 400px 的新宽度，因为 animate() 函数是这样说的；)

因此我需要在动画期间使用新的 outerWidth(true) 来计算新的位置。

有什么解决办法吗？

Answer 1

我认为您可以在动画中使用自定义“步进”函数来为左侧位置进行自己的计算。这里有描述：http://api.jquery.com/animate/。