На действие щелчка на новых объектах DOM

Question

Я застрял на действии «на клик» на новых элементах DOM в JQuery. У меня есть примерно следующие настройки HTML:

<ul class="dateList"> 
    <li> 
     <a href='#' data-date="2016-01-01"> 
    </li> 
    <li> 
     <a href='#' data-date="2016-01-02"> 
    </li> 
</ul> 

<ul class="timeList"> 
    <li> 
     <a href='#' data-time="00:00:00"> 
    </li> 
    <li> 
     <a href='#' data-time="03:00:00"> 
    </li> 
</ul> 

При загрузке страницы, список времени загружается в первый доступный день. Если пользователь нажимает на другую дату, текущие элементы списка времени удаляются, а новые элементы генерируются из предварительно загруженного json.

Если пользователь нажимает на это время, он должен показывать соответствующую информацию. И после загрузки страницы, однако, после изменения даты и создания новых элементов списка времени событие on click перестает работать с новыми элементами времени.

Я попытался добавить $ ('.ListList'). Find ('li') и $ ('.ListList li'). Find ('a') до конца функции, которая генерирует новое время но он не работает.

Любая помощь будет оценена!

Answer 1

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

что-то вроде

$('body').on('click','.timeList li',function(){ 
// do stuff 
})