jQuery触发事件附加到不同的委托选择器？

Question

是否有可能避免定义长整型函数两次，而只是触发已定义的函数连接到具有不同事件的不同委派选择器？

$('#list').on('click', 'li .controls a:nth-child(1)', function(event) { 
    // many lines 
}); 

^

$('#list').on('dblclick', 'li .title a', function(event) { 
    // same set of lines 
    // so just trigger the above function instead? 
}); 

Answer 1

您可以多次声明函数第一

var handler = function(event) { 
    // many lines 
}; 

然后将其绑定到不同的委托选择

$('#list').on('click', 'li .controls a:nth-child(1)', handler); 
$('#list').on('click', 'li .title a', handler); 

Answer 2

使用逗号另一个选择添加到您的事件

$('#list').on('click', 'li .controls a:nth-child(1), li .title a', function(event) { 
    // many lines         ^^^^^^^^^^^^^ here 
}); 

Answer 3

是的，这就是：

var handler = function(event) { 
    // ... 
}; 

$('#list').on('click', 'li .controls a:nth-child(1)', handler); 
$('#list').on('click', 'li .title a', handler); 

或者只是：

$('#list').on('click', 'li .controls a:nth-child(1), li .title a', function(event) { 
    // ... 
});