所以我正在写一些jquery,它基本上是为了在我单击它时调整任何图像的大小,这意味着我可以单击一个图像并调整它的大小,然后单击任何其他图像并开始调整它的大小,但是是独立的。我必须这样做的代码如下:
$('img').click(function(e) {
thisImage = this;
$(document).keypress(function(event) {
if ( event.which == 115) {
$(thisImage).css('width', "+=25").css('height', "+=25");
};
if ( event.which == 97) {
$(thisImage).css('width', "-=25").css('height', "-=25");
};
});
});
这在您第一次使用时效果很好。当存在多个图像时,您可以单击一个图像,当您点击相应的按钮时,您单击的图像将相应调整大小。但是,单击第二个图像以调整其大小后,它和您单击的第一个图像都将开始一起调整大小。这将与您可以在页面上放置的尽可能多的图像一起缩放,即,在单击每个图像后,三个图像将一起调整大小。
有谁知道为什么会发生这种情况以及我该如何阻止它?我希望能够单击每个图像并能够独立调整它的大小,无论单击它的顺序如何。我觉得这与我使用“this”的方式有关,但我对 jquery 和 javascript 比较陌生,所以我想不出它会是什么。
任何帮助,将不胜感激。谢谢!
-亚历克斯