如何在jquery中正確緩存DOM元素？

Question

我從命名空間變量中訪問緩存的DOM元素時遇到了一些問題。我的FeedManager配置變量是這樣的：

var FeedManager = { 
    config : { 
     $feedContainer : $('#feedContainer'), 
     feedUrl : 'http://rss......', 
     feedLimit : 10 
    },.... 

這裏$ feedContainer是html中的ul元素。我想添加從feed中構建的li元素。 FeedManager對象中有一個funciton init（）。但不知何故，它不能添加子元素。

init: function(){ 
      var feed = new google.feeds.Feed(FeedManager.config.feedUrl); 
       ...... 
       ...... 
       // this is not working 
       FeedManager.config.$feedContainer.append(li); 

但是如果裏面的init（）函數，我再次得到feedContainer元素，它的工作原理！

var feedContainer = $('#feedContainer'); 
feedContainer.append(li); 

可以採取什麼問題嗎？以及如何在我的配置對象中使用初始化緩存的dom元素。

Answer 1

內你需要確保$('#feedContainer')已經加載。

類似的例子：

<script type="text/javascript"> 
$(function() { 
var Manager = { 
    config: { 
     $p: $("p#hello") 
    }, 
    init: function() { 
     var label = Manager.config.$p.html(); 
     console.log(label); 
    } 
}; 
Manager.init(); 
}); 
</script> 

Answer 2

您的#feedContainer元素存在於您的HTML中，還是稍後提取？如果以後牽強，你可以不緩存元素，你必須只使用一個選擇器字符串像 feedContainer：在你的FeedManager對象「＃feedContainer'`

，然後使用類似

$(FeedManager.config.feedContainer).append(li); 

如果它存在於HTML中，那麼確保在DOM準備就緒後，即定義FeedManager對象。一個

$(document).ready(function() { 
    // ... 
}); 

或$(function() { ... });