Question

我是JavaScript和jQuery的新手，需要一些帮助。我也很抱歉，如果这很容易，我只是没有看到它！

基本上，我试图在加载后找到图像的大小，所以我可以使用这些信息来调整div的宽度。

这是目前的代码：

<script type="text/javascript" src="js/jquery.js"></script>

<img id="Img1" src="01.jpg" style="height: 50%; width: 50%;" />

<script>
$(document).ready(function() {
     $(Img1).load(function() {
       alert($(this).width());
    });
});
</script>

这会创建一个宽度正确的提示框！但我似乎无法找到重用此信息或从中声明变量的方法！

请有人帮帮我吗？任何帮助将不胜感激！感谢。

Answer 1

由于Img1是img元素的ID，因此请将其用作id来选择它。要存储宽度值，您可以声明变量并存储在其中。然后在需要的地方使用变量。

$(document).ready(function() {
    var imgWidth;
    //Selecting image using id selector
    $("#Img1").load(function() {
       imgWidth = $(this).width();
    });
});

您应该根据标记结构了解jQuery为您提供的各种选择器。请查看此链接http://api.jquery.com/category/selectors/

注意：如果要在整个页面中使用此变量，则应在外部或全局范围内定义它。

Answer 2

喜欢这个吗？

$(document).ready(function() {
    var width; // global/parent-scope variable to hold width
    $(Img1).load(function() {
       width = $(this).width(); // width is now stored in global
    });
});

否则你的问题毫无意义。

Answer 3

您是否考虑过将DIV宽度设置为自动？如果你这样做，你甚至不必担心知道宽度是什么。

Answer 4

这应该适合你：

var imgWidth;
 $(Img1).load(function() {
   imgWidth = $(this).width();
   alert(imgWidth);
});

这是一个jsFiddle示例。变量imgWidth将具有您稍后可以使用的图像宽度。

变量来自.width

4 个答案: