jQuery图像调整大小不起作用答案

【问题标题】：jQuery Image Resize not workingjQuery图像调整大小不起作用
【发布时间】：2014-05-12 19:10:15
【问题描述】：

我是新来的，我最近在我的网站上遇到了问题，看，我做到了，所以它始终是使用 jQuery 上传的图像的 10%，这是我的 HTML：

<body><!--Before this of course I had the DOCTYPE html-->
<div id="topbarUI" style="text-align: center; font-size: 25px;">
    <div id="profile" style="display: inline-block; margin: 0px; margin-right: 10px; float: left;">
    <a href="DCV_Diego">
    <img style="border-radius: 15px;" id="profilepicfortopbar" src="Logo.png" alt="DCV's profile pic">
    </a>
    </div>
</div>
<script src="jquery-2.1.0.min.js"></script>
<script src="script.js"></script>
</body>

我要更改的图像是 ID 标签为profilefortopbar 的图像。
这里有我的 jQuery（在我的 script.js 文件中）：

$("#profilepicfortopbar").each(function(){
    $(this).width($(this).width() * 0.1);
});

如您所见，它获取图像的当前宽度并使其相同，但乘以 0.10，即 10%。

它曾经适用于所有事情，但由于某种原因现在它不起作用，它保持原始图片的相同大小而不乘以 0.1。
更新出于某种原因，问题是我在页面底部链接了 js 文件，而不是在顶部。这解决了我的问题！无论如何，谢谢你们：D

【问题讨论】：

为什么要使用 .each？无论如何，您只能拥有一张具有该 ID 的照片。
我这样说，所以如果我添加更多具有该 ID 的照片，它们都会缩小：D @RenéRoth
ID 必须是唯一的。为此使用一个类！
好吧，但这不能解决我的问题:(
我认为您的解决方案没有意义。为什么不直接在 CSS 中设置值？

标签： jquery html image resize image-size

【解决方案1】：

$(window).resize(function(){
    var width = $("#profilepicfortopbar").width()*0.1;
     $("#profilepicfortopbar").css('width',width);
});

或者

$(function(){
    var width = $("#profilepicfortopbar").width()*0.1;
     $("#profilepicfortopbar").css('width',width);
});

更新是工作。也许你错了包括jquery。尝试包括：

$function(){
  alert('work');
});

你看到警报了吗？

http://jsfiddle.net/LXW3H/

【讨论】：

不是在调整窗口大小时，而是在加载！他们都没有工作:(@Darex1991
是的，它工作了（虽然它不是你的 JS，但我的 JS 很好，看看更新：D）