将参数传递给jquery中的click()和bind()事件？

Question

我想在jquery中将几个参数传递给Click()事件,我尝试了以下但是它不起作用,

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

如果我们使用bind,那么我们将如何做到这一点

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);
});

Answer 2

From where would you get these values? If they're from the button itself, you could just do

commentbtn.click(function() {
   alert(this.id);
});

If they're a variable in the binding scope, you can access them from without

var id = 1;
commentbtn.click(function() {
   alert(id);
});

If they're a variable in the binding scope, that might change before the click is called, you'll need to create a new closure

for(var i = 0; i < 5; i++) {
   $('#button'+i).click((function(id) {
      return function() {
         alert(id);
      };
   }(i)));
}