使用JavaScript更改每次点击按钮时的CSS

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); 
    }); 

我认为应该是这样的。