2011-07-27 4 views
0

ここで何度も同じ質問をするのは嫌ですが、私はすべて一緒に持っていくことに苦労しています。Rails 3/Javascript- divの幅を設定する

私はjavascriptでかなりシンプルでなければならないと思っています。ページが読み込まれるたびに、私はimgの幅で見つける必要があります。そのimg幅では、divの幅に割り当てる必要があります。負荷が、私は私のimgWidth変数へのimg(ページ上の唯一の1)の幅を割り当てる各ページに対して

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

:これまでのところ私は作ってみました。私はその変数をimgWidthを使って、mmainのidを持つdivのCSSを変更する関数に渡します。

基本的には、私は立ち往生しています。私は働くことが何もできませんし、私はそれをサイズ変更することができない理由を見て問題を抱えています。

とにかく、助けていただきありがとうございます。私はjqueryを使ってレール3に乗っています。私はあなたがちょうどそれがここ

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

のjQueryを使用して
$("#main").css("width",imgWidth); 

docs

答えて

1

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

を変更する必要があると思う

0

はあなたの過ちだった:

  • あなたは

  • $("img")準備文書は要素の配列を取得呼び出す必要があります。だから、私がやったように最初のものを取るか、正確なマッチャーを提供してください。 Doc here

  • あなたはひどくあなたはあなたがひどく、CSS属性に値を渡している

  • を呼び出さない関数を定義しています。

0

divをフローティングしていると考えましたか?例えば。

div#picture { 
float: left; 
} 

このように、divの幅はイメージのサイズに適応します.JSは必要ありません。

HTH

+0

位置:絶対;これを達成するでしょう。 –

関連する問題