如何使用 jQuery 操作变换：translate3d 值？答案

【问题标题】：How to manipulate transform: translate3d values with jQuery?如何使用 jQuery 操作变换：translate3d 值？
【发布时间】：2014-12-04 12:41:33
【问题描述】：

我正在使用 bxslider，我需要对其进行修改，因为没有用于我的目的的内置函数。但现在我需要更改滑块的 transform: translate3d 值，以便正确显示。但是怎么做呢？

使用此语法会出现以下错误：

$('#custom_pager_list').css({
    transform: translate3d(-400px, 0, 0)
})

SyntaxError: 标识符在数字文字之后立即开始

使用不带“px”的相同语法会导致：

ReferenceError: translate3d 未定义

【问题讨论】：

【解决方案1】：

您需要在转换值周围添加引号：

$('#custom_pager_list').css({
    transform: "translate3d(-400px, 0, 0)"
})

【讨论】：