我遇到了以下代码的问题:
<!DOCTYPE html>
<html>
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#pic').attr("src", "image.jpg");
if ($('#pic').width() > 85)
$('#pic').attr("width", "85px");
});
</script>
<body>
<img id="pic" src="">
</body>
</html>
当打开浏览器并第一次浏览该页面时,它会加载原始宽度的“ image.jpg”图像。刷新后的宽度为85px。
在首次设置信号源后提醒图像的宽度时,宽度为0px。
请帮忙,
谢谢
最佳答案
您需要等待图像加载后才能引用其属性,等等。
演示:http://jsfiddle.net/7wuVb/
$(document).ready(function() {
$('#pic').load(function() {
if ($('#pic').width() > 85)
$('#pic').attr("width", "85px");
});
$('#pic').attr("src", "https://www.google.com/logos/2014/worldcup14/closing/cta.png");
});
关于jquery - 加载图像并调整其宽度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24720560/