Jquery UI Accordion 헤더에 동적으로 생성 된 체크 박스

Question

헤더에 체크 박스가있는 DB에서 아코디언을 생성합니다. click() 함수를 사용하여 아코디언을 활성화하지 않고 확인란을 클릭하는 문제를 해결하는 솔루션을 보았습니다. 그러나 아코디언을 동적으로 생성하므로 click() 함수가 작동하지 않습니다. 나는 동적으로 생성 된 아코디언 헤더에서 체크 상자를 클릭하는 문제를 해결하는 방법으로 실종되었다.

문제는 ('클릭')에이 e.stopPropagation을 실행할 수있는 기회를하기 전에 클릭 이벤트가 아코디언을 활성화한다는 것이다.

어떤 아이디어? 당신이 이벤트 핸들러를 등록하는 이벤트 전파를 사용하는 경우

Answer 1

문제는 일반적 계층 구조에서 최대 훨씬 높은입니다 body 또는 일부 요소에 연결되어있다. 따라서 아코디언 헤더에 첨부 된 이벤트가 실행되어 탭이 접히거나 확장됩니다. 동적으로 체크 박스를 생성하고 있기 때문에

이 솔루션은 만든 후 체크 박스에 클릭 이벤트 처리기 방지 전파를 추가하는 것입니다.

예 :

var chk = $('<input />', { type: 'checkbox'}); 
chk.click(function(e){ 
    e.stopPropagation(); 
}); 
chk.appendTo(accordionHeader)