전체 개체에 이벤트 위임

Question

선택적 자식 선택기와 일치하는 옵션이있는 jQuery 플러그인이 있습니다. 나는이 마크 업이있는 경우 : 즉 다음 필요에

headerDiv.on('click', function() { 

그러나 만 앵커에 클릭을 제한, 너무 :

<div class="header"> 
    <a id="item-name">Blah</a> 
    <span class="some-data">Numbers and Stuff</a> 
    <span class="other-data">Bananas</a> 
</div> 

Orignally를, 내가 사용하는 전체 .header에 클릭 이벤트를 위임 기본값은 * 인에 의해,

headerDiv.on('click',headerSelector, function() { 

headerSelector,하지만 난 그것을 제한하는 a을 전달할 수 : 호환성 유지, 나는 대체 구문을 사용 그냥 앵커. 기본값 인 * 셀렉터는 현재 문제가있는 것 같지만 때로는 클릭 수가 등록되지 않습니다. 위임 된 이벤트 구문을 사용할 때 요소 자체를 일치시키는 적절한 방법이 있습니까?

Answer 1

기본적으로 내가이 headerDiv.on('click', function() {

Answer 2

사용 headerDiv를 사용하는 부모 요소로 및 선택 내부 문서 다음 *와 같은 것이라고 생각

headerSelector = headerDiv

을 할 수 있습니다. 아이가 주어지면 *로 바꿉니다.

$(document).on('click', "headerDiv *", function(){})