событие клика не срабатывает на элементах внутри толстого ящика

Question

В моем плагине я использую модальное окно толстой коробки, чтобы показать список предметов. Содержимое в div толстого ящика генерируется через запрос ajax. У меня есть флажки ввода внутри этого div. Событие клика в этих флажках не запускается.

Вот мой код:

<div id="wpb_media_tracks_container"> //This div is loaded into the thickbox and contents of this table are dynamically generated through ajax request 
    <table class="wp_media_tracks_table"> 
     <thead> 
      <tr> 
       <th>Choose tracks</th> 
       <th>Filename</th> 
       <th>Title</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr valign="top"> 
       <td scope="row"> 
        <input type="checkbox" name="1522" value="1522"> 
       </td> 
       <td>raagrang.mp3</td> 
       <td>raagrang</td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

JQuery код:

jQuery('.wp_media_tracks_table input').on("click", function() { 

    postId = jQuery(this).val(); 
    alert(postId); 
}); 

Я также попытался с помощью этого selectotr: JQuery ('# wpb_media_tracks_container вход'). Но никаких результатов.

Может ли кто-нибудь помочь мне найти проблему в моем коде?

Спасибо,

Answer 1

В зависимости от того, когда обработчик событий JQuery попытки быть связан элемент он ищет, вероятно, не существует.

Вы можете заменить регистрацию click события что-то вроде:

jQuery('#thickboxid').on('click', '.wp_media_tracks_table input', function(e) { 

Где thickboxid не является Аякс загружен элемент (т.е. существует до Аякса запускается). Я не уверен, соответствует ли этот критерий wpb_media_tracks_container.