Как выбрать элемент, загруженный с помощью функции jQuery load ()?

Question

В настоящее время у меня возникают проблемы со следующим (сначала приведем пример кода):

<div id="container"></div>

<script type="text/javascript">
    $('#container').load('content.html');

    $('.elementInContentHTML').fadeIn();
</script>

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

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

Answer 1

Функция load является асинхронной.
Ваша следующая строка запускается до загрузки контента.

Вам необходимо поместить свой код в функцию обратного вызова функции load, чтобы она запускалась только после загрузки нового содержимого:

$('#container').load('content.html', function() {
    $('.elementInContentHTML').fadeIn();
});

Answer 2

Вы можете попытаться использовать обратный вызов для завершения загрузки? Смотри http://api.jquery.com/load/

$('#result').load('ajax/test.html', function() {
  alert('Load was performed.');
});