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)';
}