2016-04-08 16 views
-3

jQueryを使用してdivの幅を変更しようとしていますが、.css()メソッドで式を使用できないようです。jQueryを使用して幅を変更する

$(document).ready(function() { 

var docWidth = $(document).width(); 
var bottomWidth = $("bottom").width(); 

$("bottom").css("width", docWidth); 

}); 

ありがとうございます、私は得ることができるすべてのヘルプに感謝します。 :3

編集:私はそれを考え出した、おかげでみんなのC:

+1

'bottom'は何ですか?それはクラス名( '.bottom')かid('#bottom')ですか? –

+0

'.css( 'width'、docWidth)'を使うときは、 'px'のような単位を追加する必要があることに注意してください。 '.width()'は無単位の値を返します。 – j08691

+0

@ j08691 thatsは実際には真実ではありません。 jQueryは数値をpx値に「自動補完」します。 – BasySilver

答えて

1

あなたがタイプミスの間違いを持っ​​ています。私は以下の私のコードで述べたように、それは代わりに

0

.bottomされるべきだと思う:

あなたは正しく、このようなIDやクラスなどの要素をキャプチャしていないとして、最初の警告が不定となります:

$(「#底」)// $(「下」)それはあなたがあなたの問題を解決します正しい接頭辞を追加するターゲットにしようとしているクラスやIDがありますただし場合

そうでない場合は、もう少し情報が必要です。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
 

 

 
<script> 
 
    $(document).ready(function() { 
 

 
    var docWidth = $(document).width(); 
 
    var bottomWidth = $("bottom").width(); 
 

 
    alert(docWidth); 
 

 
    $("bottom").css("width", docWidth); 
 

 
    }); 
 
</script> 
 

 
<script> 
 
    var test = $('.bottom').val(); 
 
    alert(test) 
 
</script> 
 

 

 
<html> 
 

 
<head> 
 
</head> 
 

 
<body> 
 

 
    <div class="bottom"> 
 

 
    </div> 
 

 

 

 
</body> 
 

 
</html>

0

正常に動作する必要があります。あなたの要素を正しく選択するのを忘れたように見えます。 #とidのために。授業のために。あなたは今それを行っている方法は、ちょうどおそらく下のidを持つdiv要素または何を選択するために、例えば$("#bottom").css("width", docWidth);と「下」だから

、変更$("bottom").css("width", docWidth);

と呼ばれるHTML要素を選択することです。 <div id="bottom"></div>

DEMO

関連する問題