如何本地存储并从TranslateX获取价值？

Question

你好我有这些代码：

var note = $('#just-a-slider .handle');

updatePosition(note);

new Dragdealer('just-a-slider', {
animationCallback: function(x, y) {
$('#just-a-slider .value').text(Math.round(x * 100));

        var left = note.position().left;
        localStorage.setItem("left", left);

        console.log(left);

}
});


   function updatePosition(note) {

    var left = localStorage.getItem("left");
    note.css({ transform: "translateX " +left + "px" });

    }

但由于某些原因它不起作用。

• 左边存储的变量很好，如果写的话可以工作：

  function updatePosition(note) {
  
  var left = localStorage.getItem("left");
  note.css({ left: left + "px" });
  
  }
  

  但不是：

  note.css({ transform: "translateX " +left + "px" });
  

• 例如，此代码工作：

  var left = 100; //or xx;
  note.css({ transform: "translateX " +left + "px" });
  

那么如果认为“transform”与localstorage不兼容？我错了吗？

解决方案是什么？ 谢谢你的帮助。

（抱歉，我是法国人）