javascript - 访问对象字面量函数内的Jquery对象变量

Question

我无法理解为什么我不能检查存储在变量中的 jquery 对象的 .change() 方法。这是语法错误吗？我失去了上下文吗？

这是我的代码:

var MyObj = {

    //declaration
    reference : $('#reference'),
    observeReference : function() {

        //The following line is not tracking the .change() method. 
        //Not sure why... And I didn't any get console error!
        this.reference.change(function() {
            var opt = $('#reference option:selected').text();

            if (opt === 'other' || opt === 'reference') {
                $('#input_other').fadeIn();
            } else{
                $('#input_other').fadeOut();
                $('#input_other_bx').val('');
            };
        }.bind(this));      
    },
    init: function() {
        this.observeReference();
    }
};

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

Answer 1

如果$('#reference')在文档准备好之前执行，它将得到一个length = 0的jquery对象。

init 方法将在文档准备好后执行，因此请在 init 方法中分配引用。

var MyObj = {

//declaration
reference : null,
...

init: function() {
    this.reference = $('#reference');
    this.observeReference();
}