如何在jQuery中调用函数？

Question

I wanted to my code a bit cleaner so I wanted to put a very long function in it's own method.

Right now I have

$('#Id').submit(function()
{
   // lots of code here
});

now I wanted to break it up like

   $('#Id').submit(MyFunction);


        function MyFunction()
        {
           // code now here.
        }

but I need to pass in some parms into MyFunction. So I tried

$('#Id').submit(MyFunction(param1, param2));

function MyFunction(param1, param2)
{
   // code now here.
}

But when I do this nothing works. Firebug shows me some huge ass error about F not being defined or something. So I am not sure what I need to do to make it work.

Answer 1

You just need to write:

$('#Id').submit(function()
{
   MyFunction(param1, param2);
});

Answer 2

You could try

$('#Id').submit(function() { MyFunction(param1, param2); });

The reason your code didn't work is that you were calling MyFunction(param1, param2) and passing the result to the Jquery submit - and that's not what you intended.

Answer 3

You can't pass parameter directly but you can do something like this:

$("#Id").submit(function(){
   MyFunction(param1,param2);
});