jquery 似乎无法识别左边距，我该怎么办？

Question

我不经常使用 jquery，但我想为侧边栏制作动画。我有一个 670px 的侧边栏菜单，左边距为 -670。在鼠标悬停时，我希望左边距更改为 0px... 显示隐藏的内容。在 mouseout 上它应该返回到 -670。如果我只处理边距(所有四个边)而不是左边距(仅左侧)，我编写的代码似乎可能有效。但是当我在我的代码中指定左边距时，我得到了错误。我有哪些选择？

现在我有“边距”而不是“左边距”，但这只是一个占位符。 这是我的代码:

<script type="text/javascript">

//menu pull out
$(document).ready(function() {
 $('#left_menu').mouseover(function() {
  $('#left_menu').animate({
     margin: 0
  }, 1000, function() {
  });
});

//menu close
$('#left_menu').mouseout(function() {
  $('#left_menu').animate({
    margin:-670
  }, 1000, function() {

  });
});
});
</script>

Answer 1

你是否将左边距写成 margin-left，如果是这种情况它不会工作，你应该改用 leftMargin。