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

我認爲應該是這樣的。