Здравствуйте, все.
Моя задача кажется на первый взгляд легкой и очевидной - это использование метода
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.
Успешно удаются все махинации с объектами которые были изначально, но вот с теми которые были подгружены не удается справиться.
Прошу подсказать, что я делаю не так.