I want to pass arguments to the click() handler function in the following case:
function edit_tab(val){
var prev_tab = $("#current_tab").html();
if (prev_tab == 1) {
$('.edit-basic-info').click(a); // here I want to pass some argument "a".
}
}
How can I pass the argument a in the above code? The way I am trying to do is not working.
You can use trigger()'s extraParameters to pass additional parameters to your handler:
From the trigger() documentation:
extraParameters Type: Array or PlainObject Additional parameters to pass along to the event handler.
Example (also from the documentation):
$( "#foo" ).on( "custom", function( event, param1, param2 ) {
alert( param1 + "\n" + param2 );
});
$( "#foo").trigger( "custom", [ "Custom", "Event" ] );
Use a closure:
function doSomething(myParam) {
return function(event) {
// Use both myParam and event here
};
}
And in your event handler:
$('#foo').on('click', doSomething('parameter')); // Works fine
The reason this works is that the call to doSomething('parameter') returns a function, the inner function is not executed until the click handler calls it, and it can use all of the parameters passed to it from the outside.
bit more you can do like this
var message = 'check';
$('button').click({msg: message},functionFoo);
function functionFoo(e){
alert(e.data.msg);
}
<script>
function edit_tab(val){
var prev_tab=$("#current_tab").html();
if(prev_tab==1){
$('.edit-basic-info').bind('click', function () {
fndosomething(a)
//pass value in that function and use it
});
}
}
</script>
.click()function (in this question, the function is 'a' and in the original question it is named 'add_event'. (also note that this question was closed by a gold badge holder, I'm more inclined to trust their opinion over yours as to whether or not this is a duplicate)ato the click event if you're not intending to pass it to the function that handles the click event?