https://jsfiddle.net/nicktheandroid/3anktzd6/3/
基本上,当你单击.clickable div时,我就会这样做,它会将.meter的宽度减去15%。
因此,每次单击.clickable div时,它都会使.meter的宽度变窄15%。
$('.clickable').bind('click', function () {
var amount;
$(".meter").css("background-color", "yellow");
$(".meter").css("width", amount=amount - 15);
});
答案 0 :(得分:3)
使用jQuery" - = X%" css惯例,它将使你的生活更轻松。
$('.clickable').on('click', function(e) {
e.preventDefault();
$(".meter").css("width", "-=15%");
});