доступ к переменной объекта Jquery внутри литеральной функции объекта

Question

доступ к переменной объекта Jquery внутри литеральной функции объекта

0

Я не могу понять, почему я не могу проверить метод.change() объекта jquery, хранящегося в переменной. Является ли это синтаксической ошибкой? Я потерял контекст?

Вот мой код:

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();
});

user3250439 26 фев. 2014, в 01:30

Источник

0

Скорее всего, ваш элемент id="reference" не существует, когда ваш MyObj объявлен. Также нет смысла спрашивать нас "это синтаксическая ошибка" ; Вы можете просто проверить консоль инструментов разработчика.
Phil 26 фев. 2014, в 00:21
0

@Phil Да, это должно быть проблемой, установка свойства в области init должна решить проблему.
undefined 26 фев. 2014, в 00:23
0

Привет @Phil, TX для вашего внимания. На самом деле, как я сказал в комментариях к коду, «... я не получил ошибку консоли!». Но все же код не работал, поэтому я спросил о синтаксисе.
user3250439 26 фев. 2014, в 14:55

Показать ещё 1 комментарий

Теги:

javascript

jquery

scope

object-literal

1 ответ

Ещё вопросы

Скорее всего, ваш элемент id="reference" не существует, когда ваш MyObj объявлен. Также нет смысла спрашивать нас "это синтаксическая ошибка" ; Вы можете просто проверить консоль инструментов разработчика.
@Phil Да, это должно быть проблемой, установка свойства в области init должна решить проблему.
Привет @Phil, TX для вашего внимания. На самом деле, как я сказал в комментариях к коду, «... я не получил ошибку консоли!». Но все же код не работал, поэтому я спросил о синтаксисе.

Chen-Tsu Lin · Accepted Answer · 2014-02-25T21-51-00.000Z

Если $('#reference') выполняется до готовности документа, он получит объект jquery, length = 0 которого length = 0.

init будет выполняться после готовности документа, поэтому назначьте ссылку в методе init.

var MyObj = {

//declaration
reference : null,
...

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