将字符串值传递到 animate Jquery 函数时出现问题

发布于 2024-11-14 00:56:17 字数 389 浏览 3 评论 0原文

嘿我想知道这两个代码有什么区别？第一个有效，但第二个不行？

First >>
for (i=0; i<$sequencingArray.length; i++){
...
$($sequencingArray[i]).delay(i*100).animate({'margin-left':$masterWidth});
...
}

Second >>
$propToAnimate = 'margin-left';
for (i=0; i<$sequencingArray.length; i++){
...
$($sequencingArray[i]).delay(i*100).animate({$propToAnimate:$masterWidth});
...
}

原文

Hey I'm wonder what's the difference between these 2 codes? The first works but the 2nd doesnt?

First >>
for (i=0; i<$sequencingArray.length; i++){
...
$($sequencingArray[i]).delay(i*100).animate({'margin-left':$masterWidth});
...
}

Second >>
$propToAnimate = 'margin-left';
for (i=0; i<$sequencingArray.length; i++){
...
$($sequencingArray[i]).delay(i*100).animate({$propToAnimate:$masterWidth});
...
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

糖果控 2024-11-21 00:56:17

这是一个有效的解决方案......

$propToAnimate = {'margin-left': $masterWidth};
$($sequencingArray[i]).delay(i*100).animate($propToAnimate);

“您不能在对象文字中使用变量作为属性名称。” 从这里

This is a working solution...

$propToAnimate = {'margin-left': $masterWidth};
$($sequencingArray[i]).delay(i*100).animate($propToAnimate);

"You cannot use a variable as a property name inside an object literal." from here

回复收藏 0 原文

白日梦 2024-11-21 00:56:17

当您使用 {'margin-left':$masterWidth} 或 {$propToAnimate:$masterWidth} 时，您正在创建一个对象。因此，当我们使用对象初始化程序< /a> ({k0:v0, k1:v1}) 语法。

最重要的是，对于您的情况 var a = {prop:20} 和 var a = {'prop':20} 都会做完全相同的事情 - 创建一个对象有一个名为 prop 的属性。如果您已经在其他地方说过 var prop = ' different' 也没关系，prop 在 {prop:20 中使用时仅被视为文字名称} 并且不被评估。

要使代码的第二个版本正常工作，您可以使用对象的 a['prop'] 语法。所以类似：

var prop = 'margin-left';
var obj = {}; // Create a new object with no propeties
obj[prop] = masterWidth; // Add a new property to obj (using the value of the variable prop as the name of the new property)

然后你将有 obj['margin-left'] == masterWidth 。您可以在 animate 函数中使用这个对象... animate(obj);

我希望我没有太困惑！

When you are using {'margin-left':$masterWidth} or {$propToAnimate:$masterWidth}you are creating an object. So we need to know what we are doing when we create an object using the Object Initializer ({k0:v0, k1:v1}) syntax.

Most importantly for your case var a = {prop:20} and var a = {'prop':20} will both do exactly the same thing -- create an object with one property called prop. It doesn't matter if you had already said var prop = 'different' elsewhere, prop is just treated as a literal name when used in {prop:20} and is not evaluated.

What you could do to make the second version of your code work, is make use of the a['prop'] syntax for objects. So something like:

var prop = 'margin-left';
var obj = {}; // Create a new object with no propeties
obj[prop] = masterWidth; // Add a new property to obj (using the value of the variable prop as the name of the new property)

Then you will have obj['margin-left'] == masterWidth. And you can use this object in the animate function... animate(obj);

I hope I haven't been too confusing!

回复收藏 0 原文

~没有更多了~