jquery，为什么方法上的这个赋值没有'；不行？_Jquery_Alignment

jquery，为什么方法上的这个赋值没有'；不行？

jquery

jquery，为什么方法上的这个赋值没有'；不行？,jquery,alignment,Jquery,Alignment,我尝试将“{transform:'translateX（5px）}”赋值给一个变量（称为'aa'）。为了在每次触发按键功能时添加移动的像素值。但这行不通。为什么? 我在css（）方法和offset（）方法中尝试过类似的方法，它们都是有效的，但是为什么在animate（）方法中不起作用呢 <!DOCTYPE html> <html> <head> <style> div.divx { width: 50px;

我尝试将“{transform:'translateX（5px）}”赋值给一个变量（称为'aa'）。为了在每次触发按键功能时添加移动的像素值。但这行不通。为什么?

我在css（）方法和offset（）方法中尝试过类似的方法，它们都是有效的，但是为什么在animate（）方法中不起作用呢

<!DOCTYPE html>
<html>

<head>
<style>
    div.divx {
        width: 50px;
        height: 50px;
        background-color: black;
        position: absolute;
        left: 15px;
        top: 15px;
        z-index: -1;
    }
</style>
</head>

<body>
<div class="divx"></div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        var i = 0;
        $(window).keydown(function(e) {

            if (e.which == 39) { //39 is right button
                i += 5;
                a = i + 'px';
                yy = 'translateX(' + a + ')';
                xx = '"' + yy + '"';
                aa = "{transform: " + xx + "}";
                alert(aa);
                $(".divx").animate(aa);
            }
        })

    })
</script>
</body>

</html>


div.divx{
宽度：50px；
高度：50px；
背景色：黑色；
位置：绝对位置；
左：15px；
顶部：15px；
z指数：-1；
}
$（文档）.ready（函数（）{
var i=0；
$（窗口）.keydown（函数（e）{
如果（e.which==39）{//39是右键
i+=5；
a=i+‘px’；
yy='translateX（'+a+'）；
xx=“'+yy+'”；
aa=“{transform:“+xx+”}”；
警报（aa）；
$（“.divx”）.animate（aa）；
}
})
})

aa

似乎是

字符串

，

.animate（）

期望

对象

但它会保持警惕

是，警报

字符串

。尝试使用

css

transition

，将字符串传递到

.css（）


div.divx{
宽度：50px；
高度：50px；
背景色：黑色；
位置：绝对位置；
左：15px；
顶部：15px；
z指数：-1；
转换：转换500ms；
}
$（文档）.ready（函数（）{
var i=0，a，yy，aa；
$（窗口）.keydown（函数（e）{
如果（e.which==39）{//39是右键
i+=5；
a=i+‘px’；
yy='translateX（'+a+'）；
aa=“转换，”+yy；
$（“.divx”）.css（“转换”，yy）；
}
})
})

aa

似乎是

字符串，.animate（）
需要对象
，但它在警报状态下工作。。也许对你有帮助