Question

Trying to hide the left / right navigation text by listening to object & its properties.

working example : http://jsfiddle.net/ylokesh/9EyEu/29/

But, getting following error ” Uncaught TypeError: Cannot call method ‘hide’ of undefined “

if(!scroller) { var scroller = {}; }

            scroller = {
                next : "#leftControl",
                prev : "#rightControl",
                videos : {
                    hideButtons : function() {
                        var obj = this;
                        obj.next.hide();
                        obj.prev.hide();
                    },
                    init : function() {
                        var obj =  this;
                        obj.hideButtons();
                    }
                },
                init : function() {
                    var obj =  this;
                    obj.videos.init(); 
                }                            
            }

scroller.init();​

Answer 1

Here is the corrected js to the issue:

var scroller = {
    next : "#leftControl",
    prev : "#rightControl",
    videos : {
        hideButtons : function() {
            $(scroller.next).hide();
            $(scroller.prev).hide();
        },
        init : function() {
            this.hideButtons();
        }
    },
    init : function() {
        scroller.videos.init(); 
    }                            
};

scroller.init();​

As you see, I reference the scroller object instead of the this. In the cases where you were setting var obj = this the this keyword was not referencing the scroller object.