2017-09-04 12 views
0

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


}); 

答えて

3

jQuery " - = X%"のCSSコンベンションを使用すると、より簡単に作業できます。

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

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

+0

ありがとうございます!私はこれを以前に尋ねることを意図しましたが、一度0に達すると警戒する方法がありますか?それが45に達すると警告し、30に達したときに別のものを知らせる。試してみましたが、取得できません。 – user18815

+0

@ user18815試してみてください[https://jsfiddle.net/3anktzd6/6/] – Max

+0

@ user18815親要素の幅を使って幅のパーセンテージを計算し、それを使用することができます。ここでは謎です:https://jsfiddle.net/3anktzd6/10/ –