Question

我知道这个问题已被多次回答。但是，尽管我从互联网上得到了它，但我的代码似乎并不起作用。我可能做错了什么，但究竟我无法弄明白。

我在HTML <head>标记中添加了以下 JS代码：

＆＃13;

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

＆＃13;

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

＆＃13;

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

提前致谢！

Answer 1

您可以使用解决方案https://jsfiddle.net/027q85w8/

＆＃13;

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

＆＃13;

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

＆＃13;

您的代码中出现了两件事。

在)

document.ready

分配100px的宽度和宽度高度。

希望这会对你有所帮助。

使用JavaScript / jQuery调整图像大小

1 个答案: