jquery - jquery css 函数和 css 3 转换的语法问题

Question

我在这里创建了一个js fiddle

http://jsfiddle.net/gNTPz/

我正在尝试使用 jquery css 函数将一个值动态插入到 translateX 转换函数中

这是我的代码

$('div').on('click', function () {
    var j = 1, k=50;
    var refreshIntervalId = setInterval(function() {                     
        k = 50 + k;
        var div = "#box-"+j
        //$(div).css('margin-left', k-50+'px');
        $(div).css('-webkit-transform','translateX(k-50px)');
        j = j+1;
        if (j > 5) {
        clearInterval(refreshIntervalId);
        }
    }, 400) // end setInterval      
});

被注释掉的那行确实有效

$(div).css('margin-left', k-50+'px');

但是，我正在尝试改用 css 转换函数，并且在使用转换 translateX 函数中的变量的语法时遇到了困难。 这是我想做的

$(div).css('-webkit-transform','translateX(k-50px)');

Answer 1

为什么你不能这样做:

$(div).css('-webkit-transform','translateX('+(k-50)+'px)');

我假设您需要引号，这样 Javascript 就不会混淆字符串连接和整数加法