Storing jQuery objects using Object Literal pattern

Question

Is it possible to store jQuery objects inside Object Literal pattern? In my case inside config.

var myApp = {
    config: {
        disabledElem: $('.disable')
    },

    init: function () {
        someFunction(this.config.disabledElem);
    }
};

$(function () {
    myApp.init();
});

as long as the jquery and element has already been loaded by the time this myApp is initialized, it will work. — gurvinder372
– gurvinder372, Commented Apr 20, 2016 at 12:33

Jonathan.Brink · Accepted Answer · 2016-04-20 12:33:52Z

2

Yes, you can absolutely store a reference as a value in an object literal.

Perhaps some of your confusion is how you are accessing this value in your init function.

Try something like this instead:

init: function () {
    someFunction(myApp.config.disabledElem);
}

answered Apr 20, 2016 at 12:33

Jonathan.Brink

25.3k20 gold badges85 silver badges127 bronze badges

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

6 Comments

A. Wolff Over a year ago

this inside init method is already referring to myApp object

Jonathan.Brink Over a year ago

@A.Wolff but it's not clear from the question how the init function is being invoked so it's not clear what this will be during invocation

Runtime Terror Over a year ago

@Jonathan.Brink and how can I call the stored object inside the config ? For e.g. disabledInput: disabledElem.closest('input')

Jonathan.Brink Over a year ago

@Gabriel you mean the dom node? $('.disable').get(0)

Runtime Terror Over a year ago

@Jonathan.Brink Yes, the DOM node. Currently I have duplicated nodes:

config: {         form__internet: $('.form__internet'),         fi__parent: $('.form__internet').closest('.fieldTypeINPUT') }

|

Collectives™ on Stack Overflow

Storing jQuery objects using Object Literal pattern

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related