Как я могу использовать live для прокрутки динамически созданных элементов?

Question

Как использовать live для циклического перехода через динамически созданные элементы, возвращаемые AJAX ??? AJAX возвращает HTML ниже ... Теперь, после получения этого HTML, как я могу его пропустить, чтобы получить значения id? Я использовал .each(), но он вообще не работает, и я всегда использую его для статических данных HTML. Как я могу использовать .each с функцией .live()? Я использую жить по щелчку без проблем ..

// this HTML is provided by AJAX dynamically 
    <div id="defaults"> 
     <div id="badge_id" class="unique_ids database_key ui-droppable ui-sortable"> 

    <h1 class="ui-widget-header"> 
    <label class="description">Badge ID</label> 
    </h1> 

      <div class="ui-widget-content"> 
       <ol></ol> 
      </div> 
      <li id="0" class="ui-draggable">dsifs</li> 
     </div> 
     <div id="registration_type" class="unique_ids database_key ui-droppable ui-sortable"> 

    <h1 class="ui-widget-header"> 
    <label class="description">Registration Type</label> 
    </h1> 

      <div class="ui-widget-content"> 
       <ol> 
        <li class="placeholder">Add "Registration Type" here</li> 
       </ol> 
      </div> 
     </div> 
    </div> 

Answer 1

Ajax является асинхронной Таким образом, вы должны были бы справиться с зацикливание внутри success обратного вызова запроса.

Вы используете live для присоединения событий к динамически созданным элементам (устаревшим). Необходимо заменить его .on

Как я могу использовать .each с функцией .live()?

each используется для перебора объектов и live прикрепить события. Вы никогда не объединяете их обоих.

Answer 2

Вы должны захватить идентификаторы в AJAX success обратного вызова.

Вот пример, если вы использовали .load().

var ids = []; 

$('#result').load('ajax/test.html', function() { 
    $('#saveButton').on('click',function() { 
     $('#result *[id]').each(function() { 
      ids.push($(this).attr('id')); 
     }); 
    }); 
});