jQuery 向左 move

Question

我正在尝试向子菜单添加一个不错的小效果，但我不能使用 marginLeft，因为它会弄乱容器。所以我试图通过使用 left 而不是 marginLeft 来实现它，但我无法让它工作......任何想法为什么？

$('#order_list li').hover(function(){
  $(this).stop().animate({ "left": "14px" }, 250, function() {
    $(this).animate({ "left": "10px" }, 250);
  });
},function(){
  $(this).stop().animate({ "left": "4px" }, 250, function() {
    $(this).animate({ "left": "0px" }, 250);
  });
});

Answer 1

CSS Left仅适用于 positioned元素。

尝试将 position:relative; 添加到 li。

例如

#order_list li {
  position: relative;
}