JQuery click method using Named function

Question

I want to use named Function for click event instead of anonymous function. Its works OK if I don't pass event. I want to pass event as a parameter to the named function. It doesn't seem to be working..Any help will be appreciated. I know that I cant use parenthesis when calling named functions in jquery but in this case I have to pass event parameter..How?
Check the following code:
function getImageLocation(event){
  event.preventDefault(); 
  var href =  $(this).attr("href");
console.log(href);
}
$("#imageGallery a").click(getImageLocation(event));

Colin Bell · Accepted Answer

You're already passing the event parameter in the named function.
Using:
```js
function getImageLocation(event){ 
  event.preventDefault(); 
  var href = $(this).attr("href"); 
  console.log(href); 
}
$("#imageGallery a").click(getImageLocation);
```
should work for what you're trying to do.
However, if there was a case where you absolutely needed to pass parameters through, I found this solution on stackOverflow (http://stackoverflow.com/questions/3273350/jquery-click-pass-parameters-to-user-function#answer-9467172)
```js
// say your selector and click handler looks something like this...
$("some selector").click({param1: "Hello", param2: "World"}, cool_function);
// in your function, just grab the event object and go crazy...
function cool_function(event){
    alert(event.data.param1);
    alert(event.data.param2);
}
```

Saichand Pullepu · Answer

Hi Colin,
Thanks for the answer..

Welcome to the Treehouse Community

Looking to learn something new?

Saichand Pullepu

Saichand Pullepu

JQuery click method using Named function

2 Answers

Colin Bell

Colin Bell

Saichand Pullepu

Saichand Pullepu