php - Jquery 到 Zoomin 和 Zoomout 以及单击按钮时的图像形状

Question

我正在处理图像上传，我需要在单击按钮时添加放大和缩小以及图像形状（如风景、肖像）的功能。但是当我点击按钮时没有任何反应。我的代码是：

$(document).ready(function() {

    var imagesize = $('img').width();
    alert(imagesize);
    $('#zoomout').on('click', function() {
        imagesize = imagesize - 5;
        $('img').width(imagesize);
    });

    $('#zoomin').on('click', function() {
        imagesize = imagesize + 5;
        $('img').width(imagesize);
    });

}); 

Answer 1

我猜你错过了 jQuery 库：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
  $(document).ready(function() {
    var imagesize = $('img').width();
    alert(imagesize);
    $('#zoomout').on('click', function() {
        imagesize = imagesize - 5;
        $('img').width(imagesize);
    });

    $('#zoomin').on('click', function() {
        imagesize = imagesize + 5;
        $('img').width(imagesize);
    });
  });
</script>

尝试在此脚本之前先添加一个库。