Javascript 如何设置从左到当前位置的Div动画

Javascript 如何设置从左到当前位置的Div动画,javascript,jquery,html,css,Javascript,Jquery,Html,Css,伙计们,我正试着把车从左移到驾驶室的当前位置 这是JSFIDLE 代码 试试这个。它将起作用:) 试试这个。它将起作用:) 您必须将汽车设置为某个默认位置(只需更改css中的left值),然后检查.car1父项的左偏移量,并将left设置为该值 function moveCar() { var newPos = $(".car1").parent().offset().left; $('.car1').animate({left: newPos + "px"}, 2000);

伙计们,我正试着把车从左移到驾驶室的当前位置

这是JSFIDLE

代码

试试这个。它将起作用:)

试试这个。它将起作用:)


您必须将汽车设置为某个默认位置(只需更改css中的
left
值),然后检查
.car1父项的左偏移量,并将
left
设置为该值

function moveCar() {
    var newPos = $(".car1").parent().offset().left;
    $('.car1').animate({left: newPos + "px"}, 2000);
}

请参见

您必须将汽车设置为某个默认位置(只需更改css中的
值),然后检查
.car1父项的左偏移量
,并将
设置为该值

function moveCar() {
    var newPos = $(".car1").parent().offset().left;
    $('.car1').animate({left: newPos + "px"}, 2000);
}

请参见

是否希望我向您展示如何修复代码?首先检查开发工具(Chrome)或Firebug(Firefox)控制台中的JavaScript错误(
未捕获类型错误:url.indexOf不是函数
)!您的代码中有一些问题(例如,在
('.car1')
中忘记了
$
)。检查此项:是否希望我向您展示如何修复代码?首先检查开发工具(Chrome)或Firebug(Firefox)控制台中的JavaScript错误(
uncaughttypeError:url.indexOf不是函数
)!您的代码中有一些问题(例如,在
('.car1')
中忘记了
$
)。选中此项:
function moveCar() {
    var newPos = $(".car1").parent().offset().left;
    $('.car1').animate({left: newPos + "px"}, 2000);
}