array empty on jquery?

Question

I'm trying to learn on making my first dynamic loader from scratch with jQuery (for learning purpose) here is where I got stuck:

<script type="text/javascript">
jQuery.learningdynamicloader= function(){
     var js = [];
     var css = [];
     console.log(js,css);
};
</script>
<script>
$(document).ready(function() {
    $.learningdynamicloader(function(){
        js = ['jquery','test'];
        css = ['css','test'];
    });
});
</script>

My firebug log js and css returns nothing, it seems that there is a problem. After I Google is there any diffrence between js = ['values'] and js : ['values'] ?

Thanks for looking.

score 5 · Accepted Answer · 2011-08-03 13:54:08Z

5

Try passing the arrays as arguments rather than declaring them locally:

jQuery.learningdynamicloader= function(js, css){
    console.log(js,css);
};

And then:

var js = ['jquery','test'];
var css = ['css','test'];
$.learningdynamicloader(js, css);

Edit: I think that what you are after is something like this though:

jQuery.learningdynamicloader= function(params){
    console.log(params["js"], params["css"]);
};

And then:

$(document).ready(function() {
    $.learningdynamicloader({ "js": ['jquery','test'], "css": ['css','test'] });
});

This will pass complex object to your function, with two properties, each array of its own.

edited Aug 3, 2011 at 13:54

answered Aug 3, 2011 at 13:39

user447356

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

3 Comments

Adam Ramadhan Over a year ago

this work great!, yeah im aware about passing them as arguments, but its better on readability, as most of plugin example use something like this. just following some existing jquery function like api.jquery.com/jQuery.ajax they can have local vars, how do they achieve this ?

JJJ Over a year ago

Can you show an example of code that does this? I'm not sure what you're after.

user447356 Over a year ago

Cheers, regarding what you said about .ajax() see my edit, this is pretty similar, passing whole bunch of properties as one complex object to the function.

Barkermn01 · Accepted Answer · 2011-08-03 13:50:01Z

1

Sorry to say this go back and read into javascript, you cant overide a function by passing it a function as an argument

jQuery.learningdynamicloader= function(fn){
     js = [];
     css = [];
     fn();
     console.log(js,css);
};

The same can be done like so this one will use the function private scope the top one will use the window scope

jQuery.learningdynamicloader= function(fn){
         var js = [];
         var css = [];
         fn(js, css);
         console.log(js,css);
    };

edited Aug 3, 2011 at 13:50

answered Aug 3, 2011 at 13:40

Barkermn01

6,85938 silver badges87 bronze badges

Collectives™ on Stack Overflow

array empty on jquery?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related