How to properly cache DOM element in jquery?

Question

I am having some trouble accessing cached DOM element from the namespace variable. My FeedManager config variable is like this:

var FeedManager = {
    confi         


        

Answer 1

Is your #feedContainer element present in your HTML or is it fetched later? If it is fetched later than you can't cache the element, you'd have to use just a selector string like feedContainer: '#feedContainer'`

in your FeedManager object and then use something like

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

If it is present in HTML then make sure that you define your FeedManager object after the DOM is ready, ie. inside of a

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

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