2012-04-21 27 views
1

需要來知道我可以在CSS屬性使用jQuery的變種,我已搜索周圍淨,但還沒有發現,是指任何答案是什麼我想,而且我也不是最好的編碼者。沒有使用jquery很多!我如何發送一個jQuery VAR在CSS屬性

代碼JQUERY:

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

</script> 
+3

什麼是功能'height'在'的.css(高(),winHeight)返回;'?你真的讀過['.css'文檔](http://api.jquery.com/css/)(我敢打賭,這對你最有幫助)?另外,正如@ Xander指出的,在HTML中沒有'menuHolder'元素。也許你打算使用一個類,或者你必須先閱讀一些[jQuery教程](http://docs.jquery.com/Tutorials)。順便說一句,沒有什麼像一個「jQuery變量」。 jQuery是一個庫,JavaScript是該語言。如果有的話,它是一個JavaScript變量,但是因爲我們知道它是關於JavaScript的,所以它只是一個變量;) – 2012-04-21 20:18:55

+3

'menuHolder'是一個html元素?!?! ;) – xandercoded 2012-04-21 20:19:29

回答

2

有許多問題與您的代碼:

  1. menuHolder是不是一個有效的HTML標籤。

  2. height()是一個函數調用,我無法想象應該返回字符串"height"

  3. 好像你不運行這個文件被完全加載後?

假設你的HTML看起來像這樣:

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

需要注意的是有問題的標籤必須有id屬性設置爲 「menuHolder」。如果您有多個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

感謝您的回覆,我需要調用該函數還是會自動運行 – 2012-04-22 02:05:54

+0

@ScottRobertson該函數被傳遞給jquery,一旦DOM完全加載就會被調用。如果沒有這種措施,jQuery可能無法找到元素,因爲它尚未加載。 – 2012-04-22 02:08:52

+0

嘿,非常感謝您的回覆,我正在使用一個班級:這個工作非常完美! $(」。menuHolder').css(「height」,$(window).height()); – 2012-04-22 02:19:46

3

你想設置元素的高度?

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

會更好做

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

代碼中充滿了''元素! – 2012-04-21 21:09:40

+0

非常感謝您的回覆! – 2012-04-22 02:05:12