使用 JavaScript / jQuery 调整图像大小答案

【问题标题】：Resize an image using JavaScript / jQuery使用 JavaScript / jQuery 调整图像大小
【发布时间】：2018-03-28 06:21:41
【问题描述】：

我知道这个问题已经回答过很多次了。但是，尽管我确实是从互联网上获得的，但我的代码似乎不起作用。我可能做错了什么，但究竟是什么我想不通。

我将以下 JS 代码 放入 HTML <head> 标记内：

$(document).ready(function() {
  var imwidth = $('#jspp').width(); 
  var imheight = $('#jspp').height(); 
  if (imwidth < imheight) {
   $('#jspp').width(100);
  } else {
   $('#jspp').height(100);
  }	 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
  <div>
    <img id="jspp" src="https://placehold.it/300x300">
  </div>
</body>

有人知道可能出了什么问题吗？

提前致谢！

【问题讨论】：

您在 jQuery 的末尾缺少一个 ')'。检查您的 console.log 是否有错误。
不要假设您直接从互联网上复制的所有内容都是正确有效的 :)
@MCMXCII 谢谢！我改正了，还是不行
@FluffyKitten 哈哈，除非你是像我这样的初学者
如果仍然无法正常工作，请确保您包含 jQuery。你的控制台有错误吗？

标签： javascript jquery css height width

【解决方案1】：

这里有一个解决方案https://jsfiddle.net/027q85w8/

$(document).ready(function() {
  var imwidth = $('#jspp').width(); 
  var imheight = $('#jspp').height(); 

  if (imwidth < imheight) {
    $('#jspp').css('width', '100px');
  } else {
    $('#jspp').css('height', '100px');
  }   
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <img id="jspp" src="http://via.placeholder.com/350x150">
</div>

您的代码中有两处错误。

document.ready 末尾缺少 )
在宽度和高度上分配 100px。

希望这会对你有所帮助。

【讨论】：