Доступ к элементам после подгрузки через 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. Успешно удаются все махинации с объектами которые были изначально, но вот с теми которые были подгружены не удается справиться. Прошу подсказать, что я делаю не так. |
Нун глянуть рабочую страницу или минимальный HTML и полный скрипт, хотя если длинный, нет особого желания, праздник на носу
|
После 8 строки из твоего примера вставь
$("#scroll .mCSB_container .row").removeClass('last').end().last().addClass(' last); |
Цитата:
|
| Часовой пояс GMT +3, время: 18:46. |