javascript - 如何操作 jQuery 单击事件的宽度？

Question

我正在创建一个函数，每次调用它时，图像的宽度都会减去 1px。我想不通...像这样的事情:

var leafCompress = function(){
.css("width" -1 + "px");    //This line is definitely wrong
        }

(以下代码有效)在这里，我添加了事件监听器，以便每次单击时它都会调用 leafCompress 函数。

leaf.on("click",function(){
           leafCompress();
});

Answer 1

问题出在你的函数 leafCompress

$( "#panda" ).on('click', () => {
    resize();
});


const resize = () => {
  let width = $("#panda").width() - 50; // get the width of the image and substract 50
   $("#panda").css("width", width);
}

#panda {
  width: 400px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id="panda" src="http://r.ddmcdn.com/w_624/s_f/o_1/cx_0/cy_17/cw_624/ch_416/APL/uploads/2014/06/red-panda-09-625x350.jpg" />