使用translateX使小男孩位置移動(dòng)時(shí),如何獲取left值?
我用jquery.transit.js時(shí)腳本報(bào)錯(cuò),所以用translate實(shí)現(xiàn)小男孩的移動(dòng),但是在暫停函數(shù)中獲取left值時(shí)為auto,請(qǐng)問(wèn)怎么獲取正確的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)'
?? ?});
?? ?//腳本錯(cuò)誤
?? ?/*$("#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");
});
2015-08-11
offset().left