动画不工作-JQuery

Question

我做错了什么我的简单动画不起作用？

fiddle

$('#my_btn').click(function(){
    alert('clicked');
  $("#my_txt").animate({left:'350px'});
});

由于

Answer 1

元素必须具有static和top的默认left以外的位置才能产生任何效果

#my_txt {position: relative; }

FIDDLE

最好还有初始左侧样式设置

#my_txt {
    position: relative; 
    left : 0;
}

Answer 2

left表示绝对位置的元素。 你可以像这样使用marginLeft：

$('#my_btn').click(function(){
    alert('clicked');
  $("#my_txt").animate({marginLeft:'350px'});
});

DEMO

或将position:absolute设置为这样的范围，以便在动画中使用left：

CSS

#my_txt{
    position:absolute;
}

的jQuery

$('#my_btn').click(function(){
    alert('clicked');
  $("#my_txt").animate({left:'350px'});
});