javascript - Passing parameters to click() & bind() event in jQuery?

Question

I want to pass few parameters to click() event in jQuery, I tried following but it's not working:

commentbtn.click(function(id, name){
    alert(id);
});

And also if we use bind then how we'll do that:

commentbtn.bind('click', function(id, name){
    alert(id);
});

Answer 1

see event.data

commentbtn.bind('click', { id: '12', name: 'Chuck Norris' }, function(event) {
    var data = event.data;
    alert(data.id);
    alert(data.name);
});

If your data is initialized before binding the event, then simply capture those variables in a closure.

// assuming id and name are defined in this scope
commentBtn.click(function() {
    alert(id), alert(name);
});