Pass parameter to a jquery function

Question

I know that doing this is possible:

$(document).ready(testing);

function testing(){
    alert('hellow world!');
}

But how would I make something like this work where I want to pass a variable to the function:

 $(document).ready(testing('hey world!'));

function testing(message){
    alert(message);
}

That's not a jQuery function, it is simply a JavaScript function within the scope of a jQuery wrapper. — Diodeus - James MacFarlane
– Diodeus - James MacFarlane, Commented Jan 8, 2014 at 18:58

Karl-André Gagnon · Accepted Answer · 2014-01-08 19:08:45Z

2

You could use Function.prototype.bind but it come with some disadvantages like losing the this reference or the Event object.

$(document).ready(testing.bind(null, 'message')); //First parameter == this;

function testing(msg){
    alert(msg); //Alert message
}

or you can do it like this :

$(document).ready(testing.bind('message'));

function testing(){
    alert(this); //Alert message
}

answered Jan 8, 2014 at 19:08

33.9k5 gold badges53 silver badges77 bronze badges

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

Comments

jb. · Accepted Answer · 2014-01-08 19:20:02Z

1

You can use an anonymous function:

$(document).ready(function() {
  testing('hey world!'));
});

function testing(message){
    alert(message);
}

jb.

24.1k18 gold badges102 silver badges139 bronze badges

answered Jan 8, 2014 at 18:58

cyberwombat

40.5k43 gold badges189 silver badges268 bronze badges