Rails 3 / Javascript-设置div的宽度

Question

我不愿意多次提出相同的问题，但我一直在努力将所有问题整合在一起。

我正在做一些我认为使用javascript很简单的事情。 每次加载页面时，我都需要查找img的宽度。 使用该img宽度，我需要将其分配给div的宽度。 到目前为止，我已经提出了：

$(window).load(function() {
  var imgWidth = $("img").width();
  $function setWidth(imgWidth){
    $("#main").css("width":imgWidth);
    return false;
  });
});

对于每个加载的页面，我想为imgWidth变量分配img的宽度（页面上仅一个）。 然后，我将该变量传递给函数，以将ID为mmain的div的css更改为imgWidth。

基本上，我被卡住了。 我什么都无法工作，并且在查看为何无法调整大小时遇到​​问题。

无论如何，感谢您的帮助。 我在使用jQuery的3。

Answer 1

使用jQuery的

$(document).ready(function() {
  $("#main").width($("img").first().width());
});

这是您的错误：

• 您应该准备好致电文件

• $("img")检索元素数组。 因此，要么像我一样先做一个，要么提供一个精确的匹配器。

• 您定义的函数不正确

• 您很难将值传递给css属性： Doc here 。

Answer 2

我想你只需要改变

$("#main").css("width":imgWidth);

至

$("#main").css("width",imgWidth);

docs

Answer 3

您是否考虑过将div浮动？ 例如

div#picture {
float: left; 
}

这样div的宽度将适应图像的大小-不需要JS。

高温超导