Question

每次用户点击 .go 时，我希望将 .questionarea 的右边距增加400px。这是我的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 );
    });

我认为应该是这样的。

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

2 个答案: