Rails 3/Javascript-设置div的宽度
我不想问同一个问题,这是在这里好几次,但我正在努力把这一切结合起来 我正在做一些我认为用javascript应该很简单的事情。每次加载一个页面时,我都需要找到一个img的宽度。有了这个img宽度,我需要将它指定给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
$(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;
}