Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.03.2013, 22: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.
Успешно удаются все махинации с объектами которые были изначально, но вот с теми которые были подгружены не удается справиться.

Прошу подсказать, что я делаю не так.
Ответить с цитированием
  #2 (permalink)  
Старый 06.03.2013, 22:48
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,220

Нун глянуть рабочую страницу или минимальный HTML и полный скрипт, хотя если длинный, нет особого желания, праздник на носу
Ответить с цитированием
  #3 (permalink)  
Старый 07.03.2013, 02:29
Интересующийся
Отправить личное сообщение для imsha Посмотреть профиль Найти все сообщения от imsha
 
Регистрация: 19.11.2008
Сообщений: 28

После 8 строки из твоего примера вставь
$("#scroll .mCSB_container .row").removeClass('last').end().last().addClass(' last);

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

Сообщение от imsha Посмотреть сообщение
После 8 строки из твоего примера вставь
$("#scroll .mCSB_container .row").removeClass('last').end().last().addClass(' last);
Вот как раз этот способ ни к чему не приводит. А вернее выполняется часть которая убирает класс last у элементов которые были изначально.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Textarea после ajax не могу обратится mikeles Общие вопросы Javascript 0 12.01.2011 22:02
Проблема с событиями после ajax запроса Mirgorod AJAX и COMET 5 12.06.2010 17:24
Сохранение результата ajax запроса после нажатия 'back' gregOlsen AJAX и COMET 5 18.11.2009 11:23
Проблема с обработкой селектов html кода, пришедшего через ajax запрос Rage jQuery 6 26.01.2009 13:15
Просмотр передаваемых данных через AJAX Гость AJAX и COMET 3 04.08.2008 13:34