.on을 사용하는 두 개의 jQuery 선택을 결합하는 방법은 무엇입니까?

Question

나는이 jQuery를 가지고 :

$('#detail') 
.on('click', '.deleteLink', function() { 
    dialog(this); 
    return false; 
}) 
$('#detail') 
.on('click', '.editLink', function() { 
    dialog(this); 
    return false; 
}) 

이것들이 결합 될 수있는 방법이있다. 죄송 합니다만 jQuery에 대해서는 전혀 알지 못합니다.

Answer 1

경기를 모두 선택기를 ,으로, CSS처럼 :

$('#detail').on('click', '.deleteLink, .editLink', function() { 
    dialog(this); 
    return false; 
}); 

Answer 2

쉼표 선택하여 모두의 부모에 바인딩 다음 중 하나를

// Instead of body, you might want a more specific common parent 
$('body').on('click', '#detailD .deleteLink, #detail .editLink', function() { 
    dialog(this); 
    return false; 
}); 

을 아니면 단순히 한 번 함수를 만들 수 있습니다

var handler = function() { 
    dialog(this); 
    return false; 
}; 
$('#detailD').on('click', '.deleteLink', handler); 
$('#detail').on('click', '.editLink', handler); 

Answer 3

나는 이것이 작동한다고 생각합니다 .deleteLink는 자식 elemen입니다. 선택자 중

$('#detailD > .deleteLink, #detail > .deleteLink') 
    .on('click', function() { 
     dialog(this); 
     return false; 
    });​