jquery - jQuery 左に移動

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は、配置された要素でのみ機能します。

に追加position:relative;してみてくださいli。

例えば

#order_list li {
  position: relative;
}

Answer 2

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