0

我在这里创建了一个 js fiddle

http://jsfiddle.net/gNTPz/

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

这是我的js

$('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 转换函数,并且在使用 transform translateX 函数中的变量的语法上遇到了困难。这是我想做的

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

1 回答 1

1

为什么你不能这样做:

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

我认为您需要引号,以便 Javascript 不会在字符串连接和整数加法之间混淆

于 2013-08-17T20:58:00.187 回答