Как заставить скрипт работать после подгрузки данных?

Question

[smirnovilya]

Есть в странице блок, в зависимости от нажатия той или иной кнопки-ссылки (id), очищается блок и в него подгружаются данные с другой страницы.
Используемый код:

$('#step01').click(function(){
	$('#section3').empty();
	$('#section3').load('info.html #block01 > *');
	})

Проблема: после подгрузки данных, тот же скрипт не реагирует на нажатие кнопок-ссылок в подгруженном контенте. Словно не видит их id или что-то в этом роде. Как это решить?
Большим спасибо будет, если в кратце обьясните почему так происходит. Хотелось бы понять принцип такого поведения.
Буду благодарен, jQuery только начал изучать.

Answer 1

[WhiteSama]

load не видит новые данные на странице, т.к. она уже загружена.
можно использовать .on('click', function() {});
так скрипт будет смотреть по всем элементам и старым и новым

Comments

[smirnovilya]

Спасибо! Это я уже прочел когда первый человек подсказал про .on и .live.
В любом случае спасибо что помогли.

Answer 2

[gracer]

$('#step01').on("click", function(){
  $('#section3').empty();
  $('#section3').load('info.html #block01 > *');
 })

Для старых версий

$('#step01').live("click", function(){
  $('#section3').empty();
  $('#section3').load('info.html #block01 > *');
 })

Comments

[smirnovilya]

Спасибо.
Благодарю, что дали решение и направление для поиска причин такого поведения.

Answer 3

[Пума Тайланд]

$('#section3').load('info.html #block01 > *', function() {
 //Здесь вешаете события на загруженные объекты
});

Comments

[smirnovilya]

Что-то какой-то громоздкий код получится как мне кажется. А попроще есть варианты?