javascript - jquery onclick 添加左边距

Question

我正在 JS 中尝试一些非常简单的东西，但我无法让它工作......

我希望在单击一个 div 时向另一个 div 添加一个负的 margin-left，但我希望它在我每次单击该 div 时都发生，而不是像现在这样只发生一次。每次我点击我的#next_nav 时，我希望#nav 从 10px 负值移动。在这里它只工作一次。这是我的 js:

$(function() {
  $('#next_nav').click(function () {
     $( "#nav" ).css('margin-left','-10px');
  });
});

和我的 HTML:

<div id="next_nav"></div>
<div id="nav"></div>

这是我的 JSfiddle:http://jsfiddle.net/Beyzd/

有人可以帮我吗？非常感谢，

Answer 1

在您的值前面添加一个=:

$(function() {
    $('#next_nav').click(function() {
       $('#nav').css('margin-left', '-=10px');
    });
});

Working Fiddle

编辑

如果你想让它动起来，使用animate()方法。这是一个 fiddle给你。