[JQUERY] jQuery를 사용하여 동적으로 추가 요소 이벤트 리스너 추가 [중복]

jQuery를 사용하여 동적으로 추가 요소 이벤트 리스너 추가 [중복]

해결법

1. ---

   1.CSTE 연구진를 사용하여 () 한 번 함수를 정의 할 수 있습니다, 그것은 어떤 동적으로 추가 요소를 실행합니다.

   CSTE 연구진를 사용하여 () 한 번 함수를 정의 할 수 있습니다, 그것은 어떤 동적으로 추가 요소를 실행합니다.

   예를 들면

   $('#staticDiv').on('click', 'yourSelector', function() {
     //do something
   });
   

2. ---

   2.

   $(document).on('click', 'selector', handler);
   

   } {) 여기서 클릭 이벤트 이름이고, 핸들러는 함수 또는 익명 함수 기능 (참조 같은 이벤트 핸들러

   PS : 당신은 당신이 동적 요소를 추가하는 특정 노드를 알고있는 경우 - 대신 문서를 지정할 수 있습니다.

3. ---

   3.페이지로드에 적용된 수신기를 사용할 수 실 거예요 있도록 동적으로 이러한 요소를 생성한다. 나는 올바른 솔루션으로 바이올린을 편집했습니다. 기본적 jQuery를 나중에 부모 요소에 부착하고 정확한 동적으로 생성 된 소자에 아래쪽으로 전파하여 바인딩 이벤트를 보유하고있다.

   페이지로드에 적용된 수신기를 사용할 수 실 거예요 있도록 동적으로 이러한 요소를 생성한다. 나는 올바른 솔루션으로 바이올린을 편집했습니다. 기본적 jQuery를 나중에 부모 요소에 부착하고 정확한 동적으로 생성 된 소자에 아래쪽으로 전파하여 바인딩 이벤트를 보유하고있다.

   $('#musics').on('change', '#want',function(e) {
       $(this).closest('.from-group').val(($('#want').is(':checked')) ? "yes" : "no");
       var ans=$(this).val();
       console.log(($('#want').is(':checked')));
   });
   

   http://jsfiddle.net/swoogie/1rkhn7ek/39/

4. ---

   4.jQuery 플러그인 통화에 새로운 요소를 추가 할 때, 당신은 다음과 같이 할 수 있습니다 :

   jQuery 플러그인 통화에 새로운 요소를 추가 할 때, 당신은 다음과 같이 할 수 있습니다 :

   $('<div>...</div>').hoverCard(function(){...}).appendTo(...)
   

from https://stackoverflow.com/questions/12065329/adding-event-listeners-to-dynamically-added-elements-using-jquery by cc-by-sa and MIT license