使用JavaScript/jQuery调整图像大小

我知道这个问题已经回答了很多次。但是，我的代码似乎并不工作，尽管我从字面上从互联网上获得它。我可能做错了什么，但我究竟弄不清楚。使用JavaScript/jQuery调整图像大小

我把下面的JS代码的HTML标签<head>里面：

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

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

是否有人有可能是错误的想法？

提前致谢！

来源

2017-10-16 Matthias

你错过了'）'在你的jQuery结束。检查你的console.log是否有错误。 – MCMXCII

不要认为你从互联网上直接复制的所有内容都是正确和有效的:) – FluffyKitten

@MCMXCII谢谢！我纠正了它，但它仍然不起作用 – Matthias

在这里，你去了一个解决方案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>

有两件事情是错在你的代码。

在宽度&高度的100pxdocument.ready
勘定的末端缺少)。

希望这会对你有帮助。

来源

2017-10-16 16:53:41 Shiladitya

使用JavaScript/jQuery调整图像大小

回答

相关问题