使用translateX使小男孩位置移动时,如何获取left值?
我用jquery.transit.js时脚本报错,所以用translate实现小男孩的移动,但是在暂停函数中获取left值时为auto,请问怎么获取正确的left值?代码如下:
$("#start_btn").click(function(){
$("#boy").addClass('slow-walk');
var content_width = $("#container").width();
$("#boy").css({
'-webkit-transform-style':'preserve-3d',
'-webkit-transition':'-webkit-transform 10s linear',
'-webkit-transform':'translateX('+content_width+'px)'
});
//脚本错误
/*$("#boy").transition({
'left': $("#container").width() + 'px',
}, 10000, 'linear', function() {}
);*/
});
$("#pause_btn").click(function(){
var left = $("#boy").css('left');
alert(left);//值为auto
$("#boy").css('left',left)
//增加暂停样式
$("#boy").addClass("pause_walk");
});