Показать сообщение отдельно
  #1 (permalink)  
Старый 07.03.2013, 00:44
Аватар для spo
spo spo вне форума
Профессор
Отправить личное сообщение для spo Посмотреть профиль Найти все сообщения от spo
 
Регистрация: 11.05.2011
Сообщений: 213

Доступ к элементам после подгрузки через ajax
Здравствуйте, все.
Моя задача кажется на первый взгляд легкой и очевидной - это использование метода live(). Но данный способ мне не помог.

Я использую плагин fancybox. При клике на странице на нужную ссылку
<a href="page.html" title="" class="fancybox-page fancybox.iframe">Page</a>
появляется окно с содержимым page.html и ссылка
<a class="more" href="ajax_content.html" rel="append-content">More</a>
через которую я загружаю содержимое из ajax_content.html. Все делаю по примеру fancybox, никакой отсебятины.
Подгружаю аяксом так:
$("a[rel='append-content']").click(function(e){
	e.preventDefault();
	var $this=$(this),
	url=$this.attr("href");
	$this.addClass("loading");
	$.get(url,function(data){
		$this.removeClass("loading");
		$("#scroll .mCSB_container").append(data);
		$("#scroll").mCustomScrollbar("update");
		$("#scroll").mCustomScrollbar("scrollTo","div.row:last",{scrollInertia:2500,scrollEasing:Power3.easeInOut});
	});
});

То есть имею (page.html) несколько:
<div class="row"></div>
<div class="row"></div>
<div class="row"></div>

И подгружаю аяксом (ajax_content.html) еще несколько <div class="row"></div>
Задача заключается в том, чтобы последний <div class="row"></div> всегда имел класс last.
Успешно удаются все махинации с объектами которые были изначально, но вот с теми которые были подгружены не удается справиться.

Прошу подсказать, что я делаю не так.
Ответить с цитированием