Javascript 可变宽度

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

$（文档）.ready（函数（）{
$（Img1）.load（函数（）{
警报（$（this.width（））；
});
});

这将创建一个具有正确宽度的提示框！但我似乎找不到一种方法来重用这些信息或从中声明一个变量

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

像这样吗

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

否则你的问题就没有意义了。

像这样吗

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

---

否则你的问题就没有意义了。

你是否考虑过将DIV width设置为auto？如果您这样做，您甚至不必担心知道宽度是多少。

您是否考虑过将DIV width设置为auto？如果您这样做，您甚至不必担心知道宽度是多少。

这应该适合您：

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

---

这里有一个例子。变量imgWidth将具有图像的宽度，您可以稍后使用。

这应该适用于您：

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

---

这里有一个例子。变量imgWidth将具有图像的宽度，您可以稍后使用。

因为

Img1

是

img

元素的id，请使用它作为id来选择它。要存储宽度的值，可以声明一个变量并存储在其中。然后在需要时使用变量

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

您应该在各种选择器中学习

jQuery

根据标记结构提供给您使用的选项。看看这个链接

---

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

因为

Img1

是

img

元素的id，请将其用作选择它的id。要存储宽度的值，可以声明一个变量并存储在其中。然后在需要时使用变量

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

您应该在各种选择器中学习

jQuery

根据标记结构提供给您使用的选项。看看这个链接

---

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

尝试

alert（$（this）.attr（“width”）

当然假设

这个

是对

img

标记的引用。我很惊讶你用格式不正确的选择器得到了正确的宽度。没有“Img1”元素（

foo

）。一旦选择器排序完毕，您当然可以将结果弹出到变量中当然假设

这个

是对

img

标记的引用。我很惊讶你用格式不正确的选择器得到了正确的宽度。没有“Img1”元素（

foo

）。一旦选择器被排序出来，您当然可以将结果弹出到一个变量中。我还认为它是一个格式错误的选择器。有时，坏掉的设备的问题仅仅是它没有插上电源嘿，谢谢你的回答。这对我来说更有意义，但似乎不太管用。我在函数外部使用了Var imgWidth，然后尝试在函数后面使用doc.write，但它输出了“未定义”的任何线索，说明了为什么？？无论如何谢谢你！谢谢你的帮助，伙计，但我找到了一种方法来解决我的特殊需要。我找不到在全局范围内使用变量的方法，所以我创建了第二个函数（将两个宽度相加），然后在警报所在的位置调用它。不确定这是否有意义，但仍然非常感谢！：）我还认为它是一个格式错误的选择器。有时，坏掉的设备的问题仅仅是它没有插上电源嘿，谢谢你的回答。这对我来说更有意义，但似乎不太管用。我在函数外部使用了Var imgWidth，然后尝试在函数后面使用doc.write，但它输出了“未定义”的任何线索，说明了为什么？？无论如何谢谢你！谢谢你的帮助，伙计，但我找到了一种方法来解决我的特殊需要。我找不到在全局范围内使用变量的方法，所以我创建了第二个函数（将两个宽度相加），然后在警报所在的位置调用它。不确定这是否有意义，但仍然非常感谢！：）这适用于警报，但当我尝试使用doc.write later时，它只会给我“未定义”：（知道我做错了什么吗？无论如何，谢谢。我需要看看你是如何使用它的。这适用于警报，但当我尝试使用doc.write later时，它只会给我“未定义”：（知道我做错了什么吗？）谢谢。我需要看看你是怎么用的。