object.style.transform = "translateX（value）";動作しません

Question

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

ここではtranslateXは更新されませんtranslateXの引数として変数の代わりに定数を使用してみましたが、変更はありません。

console.log翻訳すると期待値が得られます。

style.leftを使用すると、コードの上にコメントしたコードが正常に動作します。

Answer 1

実際の変数translationが読み込まれますので、適切に

items[i].style.transform = 'translateX(' + translation + ')';