我在这里创建了一个 js fiddle
我正在尝试使用 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)');