2012-04-21 7 views
1

CSSプロパティでJquery varを使用する方法を知っておく必要があります。ネットを検索しましたが、私は欲しいです、そして、私はこれを理解するための最大のコーダーではありません。 Jqueryを使っていない!CSSプロパティで使用するJquery varを送信するにはどうすればいいですか?

コードのjQuery:

<script> 
//find window height 
      var winHeight = $(window).height(); 
      alert(winHeight);//=692 
$('menuHolder').css(height(), winHeight); 

</script> 
+3

'height'関数は' .css(height()、winHeight);)で何を返しますか?あなたは実際に['.css' documentation](http://api.jquery.com/css/)を読んだことがありますか(これがあなたを最も助けてくれるでしょうか?)また、@ Xanderが指摘しているように、HTMLでは 'menuHolder'要素はありません。たぶんあなたはクラスを使うつもりか、最初にいくつかの[jQueryチュートリアル](http://docs.jquery.com/Tutorials)を読んでください。 Btwには "jQuery変数"のようなものはありません。 jQueryはライブラリ、JavaScriptは言語です。もしあれば、それはJavaScript変数ですが、それはJavaScriptに関するものなので、それは単なる変数です;) –

+3

'menuHolder'はhtml要素ですか?!?! ;) – xandercoded

答えて

2

を行う方が良いでしょうあなたのコードを持つ多くの問題があります。

  1. menuHolderは有効なHTMLタグではありません。

  2. height()は、文字列"height"を返さなければならないと想像できない関数呼び出しです。

  3. ドキュメントが完全に読み込まれた後にこれを実行していないようですか?問題のタグが "menuHolder" に設定され、id属性を持たなければならないこと

    <div id="menuHolder">This is the menu holder</div> 
    

    注:

は、あなたのHTMLは次のようになりますと仮定します。複数のmenuHolderがある場合は、代わりにclass属性を使用する必要があります。

次に、あなたのjsが次のようになります。

$(function(){ 
    $('#menuHolder').css("height", $(window).height()); 
}); 

http://jsfiddle.net/93hFW/

または

$(function(){ 
    $('#menuHolder').height($(window).height()); 
}); 

http://jsfiddle.net/93hFW/1/

上記の提案として、あなたは、その後、代わりにclass属性を使用しているしている場合を使用する必要があります#ではなく、(ドット)を使用して、jQueryセレクタに接頭辞を付けます。

+0

返信いただきありがとうございます。その関数を呼び出す必要がありますか?それとも自動的に実行されますか? –

+0

@ScottRobertson DOMが完全に読み込まれると関数はjqueryに渡され、呼び出されます。このメジャーがなければ、jQueryはまだロードされていないため、要素を見つけることができない場合があります。 –

+0

お返事ありがとうございました。私はクラスを使用していました:これは完全に機能しました! $( '。menuHolder ')。css( "height"、$(window).height()); –

3

あなたは要素の高さを設定したいですか?

$('menuHolder').css("height", winHeight); 

$('menuHolder').height(winHeight); 
+0

コードは確実に ''要素でいっぱいです! –

+0

お返事ありがとうございます! –

関連する問題