위임에 event.stopPropagation을()()

Question

내 코드는 HTML에 다음처럼 사용하는 방법 : (요소를 동적으로 표시하기 때문에)

<li class="arrow">  
    <div> 
     <a href="javascript:void(0);" class="anchor">remove</a> 
    </div>      
</li> 

내가 deligate() JQuery와 방법을 사용하여 내 요소를 결합

$obj.delegate(".arrow", "click", function() { 
    alert("clicked on arrow"); 
}); 

$obj.delegate(".anchor", "click", function(event) { 
    event.stopPropagation(); 
    alert("anchor clicked"); 
}); 

".anchor"를 클릭하면 두 가지 이벤트가 발생합니다. 누구든지이 컨텍스트에서 event.stopPropagation()을 사용하는 방법을 말해 줄 수 있습니까? 위와 같았으나 작동하지 않았습니다. 이것을 할 수있는 다른 방법이 있습니까?

편집 : 나는 event.isPropagationStopped()를 호출 해 보았는데 true를 반환했다. 그러나 여전히 두 사건 모두 불렀다.

Answer 1

delegate 또는 live이 사용되고 stopPropagation 인 경우 제한 사항이 있습니다. 당신이 방지하기 위해 핸들러에서

당신은 모두 eventPropagation 및 default

이

$obj.delegate(".anchor", "click", function(event) { 
    alert("anchor clicked"); 
    return false; 
}); 

Answer 2

나의 이해는 .delegate와 함께 .live 당신이 return false 할 필요가 있다는 것입니다 시도 false을 반환합니다. 나는 이것이 사건이 어떻게 붙어 있느냐에 기인한다고 생각합니다. 그것은 요소가 아니라 조상입니다. 사용중인 버전 http://jsfiddle.net/G3k8Z/