设置不在jquery中工作的动画

我只是看不到一些明显的东西。。。只是想给一个div设置动画。。。我让jquery动画只与数字一起工作，但无法与arrayIndex一起工作。。。console.log调用了数组中的数字40

<div id="blueCar" > </div>

$( document ).ready(function() {    
var carArrayX = [765,650,460,330,140,40];
var carArrayY = [ 390,390,390,405,445,405];
var carArrayXindex = carArrayX.length -1;

    //$('#blueCar').animate({left:"40px"}); //works!
    //$('#blueCar').animate({left:"carArrayX[carArrayXindex]" + "px"});
    $('#blueCar').animate({left:"carArrayX[carArrayXindex] + px"});

    console.log(carArrayX[carArrayXindex]);
});

$（文档）.ready（函数（）{
var carArrayX=[76565046030140,40]；
var carArrayY=[39040544545]；
var carArrayXindex=carArrayX.length-1；
//$（#blueCar'）。设置动画（{左：“40px”}）//效果很好！
//$（#blueCar'）。动画（{左：“carArrayX[carArrayXindex]”+“px”}）；
$（#blueCar'）.animate（{左：“carArrayX[carArrayXindex]+px”}）；
log（carArrayX[carArrayXindex]）；
});

更改：

$('#blueCar').animate({left:"carArrayX[carArrayXindex] + px"});

致：

---

你的第一句话放错地方了。您传递的是一个字符串，而不是与“px”串联的变量值。

您将变量名放在引号中。因此，animate函数实际上是将

left

设置为字符串

"carArrayX[carArrayXIndex] + px"

您需要删除变量标识符上的引号。Javascript不是PHP，你们知道，你们不能仅仅把变量名放在字符串中，然后期望用变量内容替换它们。当然，

px

是一个字符串文本，仍然需要加引号。请尝试以下代码：

$( document ).ready(function() {    
    var carArrayX = [765,650,460,330,140,40];
    var carArrayY = [ 390,390,390,405,445,405];
    var carArrayXindex = carArrayX.length -1;

    $('#blueCar').animate({left:carArrayX[carArrayXindex] + "px"});

    console.log(carArrayX[carArrayXindex]);
});

---

尝试将数组置于双引号之外，这样它就不会认为它是字符串$（#blueCar'）.animate（{左：carArrayX[carArrayXindex]+“px”}）<代码>$（'#blueCar'）。动画（{左：carArrayX[carArrayXindex]+“px”}）另外，尝试使用带有语法突出显示的IDE。它将帮助您发现这样的错误。你知道eclipse有一个javascript插件吗？

$( document ).ready(function() {    
    var carArrayX = [765,650,460,330,140,40];
    var carArrayY = [ 390,390,390,405,445,405];
    var carArrayXindex = carArrayX.length -1;

    $('#blueCar').animate({left:carArrayX[carArrayXindex] + "px"});

    console.log(carArrayX[carArrayXindex]);
});