Модальные окна

[penchukov]

Здравствуйте.. Ситуация такая, у меня есть страницы подгружаемые ajax, в которые мне нужно повесить fancybox. Скрипт не срабатывает, есть решение данной задачи??

[s0rr0w]

Здравствуйте.. Ситуация такая, у меня есть страницы подгружаемые ajax, в которые мне нужно повесить fancybox. Скрипт не срабатывает, есть решение данной задачи??

Есть. Использовать live()

[mishka]

Надо посмотреть как ты инитишь фенсибокс.

$(function() {
	//событие применится только к тем линкам которые есть при загрузке странички.
	$('a').click(function() {});

	//событие будет отрабатыватся на всех линках, даже подгруженных аяксом
	$('a').live('click', function() {})

	//начиная с версии jQuery 1.7 лучше вместо live использовать on
	$(document).on('click', 'a', function() {});

	// или после загрузки аяксового контента прменять фенсибокс к тем линкам которые подгрузились аяксом
});

[penchukov]

Здравствуйте.. Ситуация такая, у меня есть страницы подгружаемые ajax, в которые мне нужно повесить fancybox. Скрипт не срабатывает, есть решение данной задачи??

Есть. Использовать live()

Слышал про такое, не подскажите где можно найти живой пример или готовый скрипт.. Даж не знаю в каком направлении юзать

Надо посмотреть как ты инитишь фенсибокс.

$(function() {
	//событие применится только к тем линкам которые есть при загрузке странички.
	$('a').click(function() {});

	//событие будет отрабатыватся на всех линках, даже подгруженных аяксом
	$('a').live('click', function() {})

	//начиная с версии jQuery 1.7 лучше вместо live использовать on
	$(document).on('click', 'a', function() {});

	// или после загрузки аяксового контента инитить фенсибокс тем линкам которые подгрузились аяксом
});

Спасибо большое!

Здравствуйте.. Ситуация такая, у меня есть страницы подгружаемые ajax, в которые мне нужно повесить fancybox. Скрипт не срабатывает, есть решение данной задачи??

Есть. Использовать live()

Слышал про такое, не подскажите где можно найти живой пример или готовый скрипт.. Даж не знаю в каком направлении юзать

Надо посмотреть как ты инитишь фенсибокс.

$(function() {
	//событие применится только к тем линкам которые есть при загрузке странички.
	$('a').click(function() {});

	//событие будет отрабатыватся на всех линках, даже подгруженных аяксом
	$('a').live('click', function() {})

	//начиная с версии jQuery 1.7 лучше вместо live использовать on
	$(document).on('click', 'a', function() {});

	// или после загрузки аяксового контента инитить фенсибокс тем линкам которые подгрузились аяксом
});

	<script type="text/javascript">
		$(document).ready(function() {


			$("a#example1").fancybox();


		});

	</script>

Почему не работает?

	
	<script type="text/javascript">
		$(document).ready(function() {
		$("a").live("click", function(){
			$("a#example1").fancybox();

			$("a#example2").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
			});
		});

	</script>

Все разобрался!! Всем огромное спасибо!

Edited June 9, 2012 by penchukov