股利變化長度％單擊另一個元素時

Question

https://jsfiddle.net/nicktheandroid/3anktzd6/3/

基本上我綁使它所以當你點擊.clickable DIV，它由15％減.meter的寬度。

因此，每次點擊.clickable div時，它都會使.meter 15％的寬度變窄。

$('.clickable').bind('click', function() { 
var amount; 


$(".meter").css("background-color", "yellow"); 
$(".meter").css("width", amount=amount - 15); 


}); 

Answer 1

爲此，使用jQuery「 - = X％」css約定，它會讓你的生活更輕鬆。

$('.clickable').on('click', function(e) { 
    e.preventDefault(); 
    $(".meter").css("width", "-=15%"); 
}); 

https://jsfiddle.net/3anktzd6/4/