在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