MustacheJS : JS 콧수염의 제품에 대한 작업을하지 않습니까?

HTML에 MustacheJS 템플릿 (버튼 요소)을 삽입합니다. 그런 다음 JS를 사용하여 클릭하면 CSS의 단추를 토글합니다. 상단 버튼 사실 HTML, 그리고 하단의 버튼을 MustacheJS을 사용하여 주입된다MustacheJS : JS 콧수염의 제품에 대한 작업을하지 않습니까?

function clickToggleCSS() { 
    $(this).toggleClass('status0').toggleClass('status1'); 
} 
$('button').on("click", clickToggleCSS);

이 this fiddle를 참조하십시오 : 이것은 모든 버튼이 아닌 mustachejs 만든 사람들에 작품을 JS.

어떻게 작동합니까? (바이올린 감사!)

솔루션 (fiddle 일) :

$('body').on('click', 'button', clickToggleCSS);

출처

2013-04-08 Hugolpz

보십시오 : 당신이 (당신의 코드로) 요소에 직접 처리기를 추가

$('body').on('click', 'button', clickToggleCSS);

, 그 코드가 실행 된 시간에 발견 된 요소에만 적용됩니다. 그 이후에 추가 된 요소는 영향을받지 않습니다. 위임 된 처리기 (이 경우, <body> 요소에서)를 사용하면 이후 버튼에 대한 "클릭"이벤트도 처리됩니다.

출처

2013-04-08 23:01:43 Pointy

Solve & elegant! + 설명 주셔서 감사합니다! 유효성 검사오고 (12 분 후) – Hugolpz

MustacheJS : JS 콧수염의 제품에 대한 작업을하지 않습니까?

답변

관련 문제