동적으로 생성 된 오디오 객체에서 재생시 액세스하기

Question

웹 페이지의 오디오 파일에 대한 간단한 재생 카운터가 있습니다. 그것은 또 다른 jQuery를 아약스가 같은 클래스 등 (파일 재생)

 jQuery(document).ready(function($) { 

      /*now events will only be bound to this instance*/ 
      $('body .sermonmp3').on('playing',function(){ 
       /* within event callbacks keep searches within the main container element*/      
       var fileID=$(this).attr('id'); 
       console.log(fileID); 
       var data = {file_id: fileID ,security:ChurchAdminAjax.security}; 

       jQuery.post(ChurchAdminAjax.ajaxurl, { 'action': 'ca_mp3_action','data': data }, 
        function(response){ 
         console.log(response); 
         $('body .plays').html(response); 

        } 
       ); 

      }); 

})와 다른 파일로 업데이트 때 처음에로드 된 오디오 파일을 작동하지만,

내가 뭘 잘못하고 있니?

Answer 1

코드를 함수에 넣고 새 오디오 요소가 만들어 질 때마다 호출함으로써이 문제를 해결했습니다.

 function bindEvents(){ 

      $('body .sermonmp3').on('playing',function(){ 

       var fileID=$(this).attr('id'); 
       console.log(fileID); 
       var data = {file_id: fileID ,security:ChurchAdminAjax.security}; 

       jQuery.post(ChurchAdminAjax.ajaxurl, { 'action': 'ca_mp3_action','data': data }, 
        function(response){ 
         console.log(response); 
         $('body .plays').html(response); 

        } 
       ); 

      }); 
     }