Dados extras nas funções de callback de eventos no jQuery

On 03.30.11, In Desenvolvimento, by
Twitt

É bem interessante e simples a lógica para passarmos mais dados às funções de callback em eventos controlados pelo jQuery.

Vamos em uma abordagem simples para configurar um trabalho com evento:

var valores = {
  valorA : 1,
  valorB : 'um texto',
  valorC : [ 'uma', 'array' ]
};
 
jQuery('#caixa').bind('click', valores, function(evento) {
  var valoresRecebidos = evento.data;
  valoresRecebidos.valorB // 'um texto'
});

O mesmo pode se repetir perfeitamente no delegate:

var valores = {
  valorA : 2,
  valorB : 'outro texto',
};
 
jQuery('#caixa').delegate('#fechar', 'click', valores, function(evento) {
  var valoresRecebidos = evento.data;
  valoresRecebidos.valorB // 'outro texto'
});

Sem mistérios.