jQuery object reference is empty

Question

var quiz = {

    config : {
        qType : $j('#questionTypeDdown')
    },

    data : {
        qType : 'test'
    },

    init: function() {
        quiz.assignUIActions();
    },

    assignUIActions : function() {

        var c = quiz.config;
        var d = quiz.data;

        quiz.assignqType(c,d);
    },

    assignqType : function(c,d) {
        console.log(c.qType);
        console.log(d.qType);
    }
};

$j(document).ready(function() { quiz.init(); });

console.log(c.qType) returns an empty jQuery object but

console.log(d.qType) returns the value 'test'

Please explain why this is happening and what is the right way to get reference to #questionTypeDdown.

SLaks · Accepted Answer · 2011-07-14 01:37:14Z

2

You're running qType : $j('#questionTypeDdown') before the document is loaded.

You need to execute your object initializer in $j(document).ready.

answered Jul 14, 2011 at 1:37

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Adi Over a year ago

see last line $j(document).ready(function() { quiz.init(); });

SLaks Over a year ago

@Adi: qType : $j('#questionTypeDdown') runs immediately, not when you call your init function.

Adi Over a year ago

are you suggesting to move the whole quiz object inside document.ready? How can I make sure the qType : $j('#questionTypeDdown') happens on document ready only?

SLaks Over a year ago

Yes; that's exactly what I'm suggesting.

Collectives™ on Stack Overflow

jQuery object reference is empty

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related