Rails 3/Javascript-设置div的宽度

Rails 3/Javascript-设置div的宽度,javascript,jquery,ruby-on-rails,Javascript,Jquery,Ruby On Rails,我不想问同一个问题,这是在这里好几次,但我正在努力把这一切结合起来 我正在做一些我认为用javascript应该很简单的事情。每次加载一个页面时,我都需要找到一个img的宽度。有了这个img宽度,我需要将它指定给div的宽度。到目前为止,我已经想出了: $(window).load(function() { var imgWidth = $("img").width(); $function setWidth(imgWidth){ $("#main").css("width":i

我不想问同一个问题,这是在这里好几次,但我正在努力把这一切结合起来

我正在做一些我认为用javascript应该很简单的事情。每次加载一个页面时,我都需要找到一个img的宽度。有了这个img宽度,我需要将它指定给div的宽度。到目前为止,我已经想出了:

$(window).load(function() {
  var imgWidth = $("img").width();
  $function setWidth(imgWidth){
    $("#main").css("width":imgWidth);
    return false;
  });
});
对于加载的每个页面,我希望将img的宽度(一个页面上只有一个)指定给imgWidth变量。然后,我将该变量传递到一个函数中,以将id为mmain的div的css更改为带有imgWidth的

基本上,我被卡住了。我不能让任何东西工作,我有问题看到为什么我不能让它调整大小


无论如何,谢谢你的帮助。我在rails 3上,使用jquery。

我想你只需要改变一下

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

使用jQuery

$(document).ready(function() {
  $("#main").width($("img").first().width());
});
以下是你的错误:

  • 您应该调用documentready

  • $(“img”)
    检索元素数组。所以,要么像我一样选择第一个,要么提供一个精确的匹配器

  • 你定义了一个你没有调用的函数,这很糟糕

  • 向css属性传递值时出错:


    • 您是否考虑过只浮动div?例如

      div#picture {
      float: left; 
      }
      
      这样,div的宽度将适应图像的大小-无需JS


      HTH

      位置:绝对位置;也将实现这一目标。
      div#picture {
      float: left; 
      }