How to call inner function of jQuery-wrapper $(function() { }?

Question

I've got a function changeGraph() inside the jQuery-wrapper which I need to call somehow from outside it. I need to access the function setData from the jQuery based graph-library Flot.

The source is looking like this:

function changeGraph(){
    // I need to access $.plot.setData somehow
};  

var d2 = [[0, 0], [20, 300000]];

$(function () {              
    $.plot($("#placeholder"), 
    [{color: "#000000", data: d2}],
    {

    series: {
        lines: { show: true, fill:true, fillColor: {colors: [ "#d1ddea","#8e959d"]}},
        points: { show: false }
          }
       }
    );


});

How can I accomplish this?

I need to access this variable inside the scope $.plot($("#placeholder") , I don't know to do this outside the scope — Hedge
– Hedge, Commented Jun 26, 2011 at 20:29
@Hedge - Can you post more of your code? I don't know why you couldn't have the changeGraph() in the global scope. You might consider, if you need to, using jQuery's $.data() to pass data into your function. — Jared Farrish
– Jared Farrish, Commented Jun 26, 2011 at 20:31
You can still use $ if you move your function outside, like I showed in my answer. — jtbandes
– jtbandes, Commented Jun 26, 2011 at 20:31
@jtbandes - I suspect he's got other functions in that scope. The OP needs to provide more context for his problem by posting more code, I think. — Jared Farrish
– Jared Farrish, Commented Jun 26, 2011 at 20:34

Karolis · Accepted Answer · 2011-06-26 20:48:33Z

8

var changeGraph;

$(function () {

    changeGraph = function () {
        // Need to access $.plot($("#placeholder") here
    };

});

changeGraph(); // call this when document is ready at least

edited Jun 26, 2011 at 20:48

answered Jun 26, 2011 at 20:38

Karolis

9,59231 silver badges41 bronze badges

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

2 Comments

jtbandes Over a year ago

This isn't really necessary.. you can access $ from inside changeGraph even if you don't create it within $(function(){...});

Karolis Over a year ago

@jtbandes, I don't know, maybe we don't know the full context of this particular problem. The question author asked for a way to call a function from outside jQuery closure which is defined in jQuery closure and I just showed how to do this. I don't know the details :)

SLaks · Accepted Answer · 2011-06-26 20:28:23Z

2

You should move your function outside of the callback function.

answered Jun 26, 2011 at 20:28

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

2 Comments

Hedge Over a year ago

how do I access $.plot($("#placeholder") from inside the scope then?

Jared Farrish Over a year ago

@Hedge - $.plot() is not included in your question. You need to post more of your code (preferably everything inside your function(){}).

jtbandes · Accepted Answer · 2011-06-26 20:29:29Z

2

function changeGraph() {
    // ...
}
$(function() {
    changeGraph();
});

answered Jun 26, 2011 at 20:29

jtbandes

119k38 gold badges245 silver badges284 bronze badges

3 Comments

Hedge Over a year ago

I don't really understand this. The second changeGraph() just executes the function, doesn't it? I need to access another variable from inside the scope.

jtbandes Over a year ago

Which scope? You could use function changeGraph() { $.plot(...); } if you want to. This will still work.

jtbandes Over a year ago

Perhaps you misunderstand the wrapper $(function() { ... });. This just sets up a function to be executed when the document is loaded (or the DOM is ready for manipulation). You can still use $ in other places.

Collectives™ on Stack Overflow

How to call inner function of jQuery-wrapper $(function() { }?

3 Answers 3

2 Comments

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related