.append()를 사용하는 클릭 이벤트는 작동하지만 .after()를 사용하면 실패합니다.

Question

매우 녹색입니다.

$('.myclass div').append(' <a ">HELLO WORLD</a>').click(this.function); 

를이하지 않는 : : 모든이가 왜 작동하는지 아이디어

$('.myclass div').after(' <a ">HELLO WORLD</a>').click(this.function); 

감사합니다!

Answer 1

두 경우 모두 원래 선택된 div에 처리기를 추가합니다. 이벤트가 거품이 나기 때문에 첫 번째 핸들러는 처리기가 <a>의 상위에있는 경우에도 여전히 작동합니다.

a 요소를 div 뒤에 넣고 싶다면 a에 직접 바인딩해야합니다. 당신은이 작업을 수행하는 대신 .insertAfter()을 사용할 수 있습니다

...

$('<a>HELLO WORLD</a>').insertAfter('.myclass div').click(this.function);