Question

我是新来的，我最近在我的网站上遇到了问题，看，我做到了这样，它总是用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

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

jQuery Image Resize无法正常工作

1 个答案: