javascript - 如何通过点击按钮来增加div的marginLeft

Question

我正在尝试使用 jQuery，并且想知道如何实现以下情况:

你有一个按钮和一个 div。

<div class="test"></div>
<button id="move">Move</button>

单击按钮，div 的 marginLeft 会增加 50 像素。

我制作了以下 jsFiddle，它适用于第一次点击，但不适用于任何后续点击。

http://jsfiddle.net/9KgjQ/

$( "#move" ).on( "click", function() {
      $( ".test" ).css({
          marginLeft: function( margin, value ) {
              margin += 50;
              value = margin + "px";
              return value;
              }
      });
 });

如何做到这一点？

Answer 1

您的 marginLeft 函数的参数错误。第一个是索引，第二个是当前值。所以你可以这样做:

$(function() {
    $( "#move" ).on( "click", function() {
        $( ".test" ).css({
            marginLeft: function( index, margin ) {
                margin = parseInt(margin, 10) + 50;
                value = margin + "px";
                return value;
            }
        });
    });
});