jQuery的功能應該重複每次點擊觸發器（但它does not）

Question

嗯，我有這個美麗的小網站有一個div，overflows:hidden不適合包裝的內容。每次我點擊一個範圍class'd .maisfilme，我想要margin-top: $value-120px。這是我得到的

$(document).ready(function(){ 
$(".maisfilme").on("click", function() { 
    var $mtop = $(this).css('margin-top'); 

     var $vai = (parseInt($mtop)+ 110 + "px"); 
    $("#filme").css ({ 
     'margin-top' : "-"+$vai 
    }); 
}); 
}); 

它實際上是做這項工作。它得到邊緣頂部，增加它的整數值+ 120px，在它之前放一個 - 所以，滑動div。 真正的問題是它只發生一次。如果我再次點擊.maisfilme，則不會發生任何事情。
有人可以知道我應該怎麼做，因此每次點擊該功能.maisfilme被點擊？

Answer 1

第二次你做它會是 - （ - 110 + 110），它不會像你想要的那樣增加幅度。如果您希望每次都更負面，則需要更改標誌的邏輯。

此外，您正在從$(this)獲取css，但將其設置爲$("#filme")，因此每次都不會上升，除非碰巧是同一個對象。每次點擊時它們需要相同才能積累。

爲了讓更多的負面每次去，你可以這樣做：

$(document).ready(function(){ 
    $(".maisfilme").on("click", function() { 
     var $mtop = $(this).css('margin-top'); 

     var $vai = (parseInt($mtop) - 110) + "px"; 
     $(this).css ({ 
      'margin-top' : $vai 
     }); 
    }); 
}); 

或略有不同的版本，它給出了一個稍微不同的結果，如果上邊距的初始值不爲零（更就像你第一次迭代做什麼）：

$(document).ready(function(){ 
    $(".maisfilme").on("click", function() { 
     var $mtop = $(this).css('margin-top'); 

     var $vai = (-(Math.abs(parseInt($mtop)) + 110)) + "px"; 
     $(this).css ({ 
      'margin-top' : $vai 
     }); 
    }); 
});