jQuery將DOM元素分配給對象

Question

在給定的場景中，我將如何將DOM對象分配給變量並調用它？在這個例子中，我試圖獲得「nav」元素的高度。現在它沒有返回任何值，我想這是因爲元素在文檔準備好之前被調用。

$(document).ready(function(){ 
    gbe.init(); 
}); 


var gbe = { 

    navigation : $("nav"), 

    init : function() { 
     gbe.nav.init(); 
    }, 

    nav  : { 

     init : function() { 
      navHeight : gbe.navigation.height(); 
      console.log(gbe.nav.init.navHeight, gbe.navigation.height()); 
     } 
    } 

}; 

Answer 1

，如果你這樣做是什麼：

$(document).ready(function(){ 
    gbe.navigation = $("nav"); 
    gbe.init(); 
}); 

Answer 2

嘗試把你的$（document）。就緒下面的定義GBE。只有console.log語句中的第二個條目纔有效。

Answer 3

​$(document).ready(function() { 
    var $nav = $("nav"); 
    var height = $nav.height(); 
    console.log(height); 
});​ 

您是否正在嘗試揭示模塊模式？上面的代碼是快速和骯髒的方式。

FIDDLE：http://jsfiddle.net/jhZSG/

Answer 4

恕我直言，你應該通過jQuery將元素（S）的初始化函數，並把它。就緒（）這樣的：

$(document).ready(function(){ 
    gbe.init($("nav")); 
}); 

var gbe = {  

    init : function(el) { 
     gbe.navigation : el, 
     gbe.nav.init(); 
    }, 

    nav  : { 

     init : function() { 
      navHeight : gbe.navigation.height(); 
      console.log(gbe.nav.init.navHeight, gbe.navigation.height()); 
     } 
    } 

};