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

Question

На моей странице у меня будет несколько DIV с именем класса 'imp'. И я мог бы также загрузить еще несколько DIV с тем же именем класса. Я хочу связать все эти DIV с событием (может быть 'load'), чтобы я мог выполнить требование выполнения функции для всех этих DIV независимо от того, присутствуют ли они на странице или будут загружены позже. Я пробовал следующее, но безуспешно.

$('.imp').live('load', function()
{
  alert('encountered an important data');
});

Проблема в том, что событие load может быть привязано только к элементу с такими URL-адресами, как изображения, сценарии и т. Д. Пожалуйста, дайте мне знать, как я могу выполнить вышеупомянутое требование.

Answer 1

В вашем вызове jQery Ajax (например, load ) вы можете указать функцию, которая будет выполняться, когда вызов завершится и будет успешным.Можете запустить там свою функцию.

Что-то вроде:

$('#result').load('ajax/test.html', function() {
  $('.imp', $('#result')).each(function (){
    alert('encountered an important data');
  });
});