Javascript object.style.transform=";translateX(价值)“;;不起作用 for(变量i=0;i

Javascript object.style.transform=";translateX(价值)“;;不起作用 for(变量i=0;i,javascript,html,css,Javascript,Html,Css,这里的translateX没有更新,我尝试使用常量代替变量作为translateX的参数,但没有任何更改 用于翻译的console.log给出了预期值 如果我使用style.left我在上面注释的代码,代码工作正常。标题错误:它应该是object.style.transform,而不是object.style.transition!如果这样做会怎么样:items[i].style.transform='translateX('+translation+')显然,您的代码中有一个输入错误,它应该是

这里的
translateX
没有更新,我尝试使用常量代替变量作为
translateX
的参数,但没有任何更改

用于翻译的
console.log
给出了预期值


如果我使用
style.left
我在上面注释的代码,代码工作正常。

标题错误:它应该是
object.style.transform
,而不是
object.style.transition
!如果这样做会怎么样:
items[i].style.transform='translateX('+translation+')显然,您的代码中有一个输入错误,它应该是
项[i]。style.transform
,而不是
项[i]。transform
。JavaScript怎么知道
'translateX(translation)
中的
翻译应替换为变量值?@FelixKling插值很好,但在这种情况下,真的是复制品吗。。。也许用字符串连接变量更合适。。。正如本文所述:标题是错误的:它应该是
object.style.transform
,而不是
object.style.transition
!如果这样做会怎么样:
items[i].style.transform='translateX('+translation+')显然,您的代码中有一个输入错误,它应该是
项[i]。style.transform
,而不是
项[i]。transform
。JavaScript怎么知道
'translateX(translation)
中的
翻译应替换为变量值?@FelixKling插值很好,但在这种情况下,真的是复制品吗。。。也许用字符串连接变量更合适。。。如本帖所述:
for (var i = 0; i < items.length; i++) {
  //items[i].style.left = items[i].basicLeft + 100 * phase[i] + 'px';
  //console.log(items[i].style.left);
  var translation=items[i].basicLeft + 100 * phase[i] + 'px';
  console.log(translation);
  items[i].style.transform = 'translateX(translation)';
}