Доступ к элементам после подгрузки через 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, время: 12:50. |