javascript - 使用 JavaScript 在每次单击按钮时更改 CSS

Question

每次用户点击.go时，我想将.questionarea的右边距增加 400 像素。这是我的Javascript。

            var marright = "-400px"
        $(".go").click(function(){
          $(".questionarea").animate({
            marginRight: marright
          }, 300 );
         marright += "-400px";
        });

如果您取出倒数第二行，该按钮将工作一次，但我不知道在每次额外单击时增加边距大小的语法。

Answer 1

试试这个：

var marright = -400;
$(".go").click(function(){
    $(".questionarea").animate({
        marginRight: marright
    }, 300, function(){
        marright += -400;
    });
});

您不需要将其marright作为结尾的字符串px。Jquery 足够聪明，可以为您解决这个问题。

Answer 2

    $(".go").click(function(){
      $(".questionarea").animate({
        marginRight: "-=400"
      }, 300 );
    });

我认为应该是这样的。