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。

高溫超導