JQuery onclick не работает для ссылки на странице

Question

<li class="ui-li ui-li-static ui-body-c">
    <p class="ui-li-aside ui-li-desc"></p>
    <span id="122"></span>
    <h3 class="ui-li-heading"></h3>
    <p class="ui-li-desc"></p>
    <p class="ui-li-desc"><a class="ui-link">Report</a></p>
</li>

Итак, я динамически добавляю кучу этих элементов списка на мою мобильную страницу JQuery, когда страница загружается. Когда страница открыта, я также обновляю их каждые 5 секунд.

Я хочу выполнить функцию щелчка, если вы щелкнете по ссылке Report (хотя это может быть немного странно, когда вы это сделаете?), Поэтому у меня есть этот код для этого:

$('a.ui-link').click(function(){
    alert('report');
});

Но я не получаю никаких предупреждений, когда нажимаю на него.

Как бы я поступил так?

Спасибо!

Answer 1

Используйте метод live(), чтобы прикрепить обработчик к динамически добавляемым элементам, соответствующим селектору:

$("a.ui-link").live("click", function(){ alert("report"); });

Если a.ul-links является дочерним элементом определенного элемента с id, вы можете использовать метод delegate() вместо этого для повышения производительности:

$("#parent").delegate("a.ui-link". "click", function(){ alert("report"); });