Javascript object literal passing properties to jquery plugin options

Question

This is one of those problems that's been bothering me for a while but I always just worked around it without truly figuring out a proper solution... Apologies if it has been answered before but I couldn't find an answer. If at all possible I'd like to avoid refactoring the object literal pattern.

In the following example, I can't access NS.something and I'm not sure why...

var NS = {
    something : 'abc',

    init : function(){
        NS.doSomething();
    },

    doSomething : function(){
        $('.elements').jqueryPlugin({
            pluginParameters: {
                NS.something : 'xyz';
            }
        })
    }
};

NS.init();

Musa · Accepted Answer · 2014-08-28 12:04:41Z

2

You cannot define an object literal with a variable key, you have to assign it after definition with [] notation.

doSomething : function(){
    var pluginParameters = {};
    pluginParameters[NS.property] = 'xyz';
    $('.elements').jqueryPlugin({
        pluginParameters: pluginParameters
    })
}

answered Aug 28, 2014 at 12:04

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

2 Comments

James Smith Over a year ago

great stuff thanks a lot :-) After seeing this work I was expecting to be able to created nested objects in the same way like pluginParameters[NS.property][blah] = 'xyz'; but that didn't seem to work. Instead I'm using pluginParameters[NS.property] = {blah:'xyz'}; which works ok.

Musa Over a year ago

@JamesSmith pluginParameters[NS.property] = {}; pluginParameters[NS.property][blah] = 'xyz';

Collectives™ on Stack Overflow

Javascript object literal passing properties to jquery plugin options

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related