버튼 기능이 동적 콘텐츠에서 올바르게 작동하지 않습니다.

Question

phonegap 및 jQuery를 사용하여 iPhone 용으로 제작하는 앱에 약간의 문제가 있습니다. 동적으로 생성 된 내용에 대해 on 함수를 사용하라는 몇 가지 스레드를 발견했습니다. 그러나, 나는 제대로 작동하는 버튼을 얻을 수 없습니다. follownig 코드는 루프 문에서 단추를 만듭니다.

$("#question").append('<button class="next">ClickMe</buttons>');

다음 코드는 생성 된 3 개 버튼이 있습니다, 지금까지

$(".next").on("click", function(){ alert("working"); });

내 클릭 기능

입니다,하지만 그들은 경고를 생성하지 않고 내가 오류 메시지를 얻을 수 없습니다. 아무도 내가 잘못한 것을 설명 할 수 있습니까?

Answer 1

난 당신이 아닌 동적 요소 (#question)에 결합 할 필요가 있다고 생각 :

$("#question").on("click", ".next", function(){ alert('working') });