单击其他元素

时间:2017-09-04 01:12:49

标签: jquery click

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


});

1 个答案:

答案 0 :(得分:3)

使用jQuery" - = X%" css惯例,它将使你的生活更轻松。

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

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