在jQuery中获取'translateX'的位置

Question

此代码设置translateX位置：

 var pos = -500px;
 $(.slide).css('-webkit-transform',  "translateX(" + pos+ "px)");

但是，以下代码未获得translateX职位：

 var currTrans = $(".slide").css('-webkit-transform', "translateX()");

为什么呢？那么获得价值的正确方法是什么？

Answer 1

试试这个，

var pos = -500;
 $('.slide').css('-webkit-transform',  'translateX(' + pos+ 'px)');

var currTrans = $('.slide').css('-webkit-transform').split(/[()]/)[1];
var posx = currTrans.split(',')[4];

Upadate：

演示链接jsfiddle

Answer 2

var currTrans = $('.slide').css("transform").split(",")[4].trim()