В fancybox не работает слайдинг

[mbp64]

Добрый день.
Помогите разобраться.
Есть таблица, во второй колонке каждой строки - ссылка на страницу, которую нужно открывать во всплывающем окне. Строка таблицы является ссылкой, при клике по строке появляется модальное окно,
скрипт вытаскивает из выбранной строки ссылку и открывает ее содержимое в окне,
необходимо добавить в этом окне переходы на соседние строки, но они не работают.
Обработчик события отслеживает все клики на строки таблицы, имеющие в теге tr класс ref.
Ссылки имеют классы iframe и eeo-popup, атрибут rel=group - группировка для связывания ссылок.
Ощущение такое, что fancybox вообще не читает параметры.
Помогите разобраться, pls.

Вот исходник.

$(document).ready(function() {

	jQuery("a[rel=group], a.iframe, a.eoo-popup").fancybox({
			"padding" : 150, 
                        "margin" : 200,
			"imageScale" : false,
			"zoomOpacity" : false,
			"zoomSpeedIn" : 1000,
			"zoomSpeedOut" : 1000,
			"zoomSpeedChange" : 1000,
			"frameWidth" : 900,
                        "cyclic" : true, 
			"showNavArrows" : true,
			"frameHeight" : 600,
			"overlayShow" : true,
			"overlayOpacity" : 0.8,
			"hideOnContentClick" :false,
			"centerOnScroll" : false,
                        "titlePosition" : 'over'
		});

	$('body').on('click', 'tr.ref', function() {
		var url =$(this).find("td:eq(1)>a").attr("href");
		var link = this;
		$.ajax({
            		    type     : "POST",
		            cache    : false,
        		    url      : url,
	        	    data     : $(this).serializeArray(),
		            success: function(data) {
		                $.fancybox(data);
		           }
	      });    
	     return false;
	});
});

 

[HEm]

1. приведи все в читаемый вид
2. почему у тебя вперемешку $ и jQuery
3. поменять $('body').on('click', 'tr.ref', function() { на $('tr.ref').click( function() {
4. настройки фенсибокса есть в собственно его js-файле, необязательно сюда писать всю эту портянку
5. var link = this; - посмотри в файрбаге или где ты там отлаживаешь, что на самом деле сюда попадает

 

[mbp64]

пробовал с $('tr.ref').click( function() ,
не работает. Заработало только в таком виде...
на тестовом примере всё работало нормально, не понимаю причины.

В link находится HTMLTAbleRowElement

Что сделать, чтобы отображались переходы вперед/назад?

И еще одна странность:
пишу ему 'titlePosition' : 'over', всё равно отображает заголовок снизу...

 

[HEm]

$.fancybox(data);
что на этот момент находится в data?

 

[mbp64]

в data правильный код страницы, которая отображается в окне.

Если я вызываю fancybox так :

		$.fancybox({
			'href'	: url,
			'title'	: title,
			'showNavArrows' : true,
			'titlePosition' : 'over',	
			'overlayColor' : '#900',
			'padding' : 0,
			'cyclic' : true,
			'scrolling' : 'yes',
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'type'           : 'iframe',
			'changeFade'      : 'fast',
			'titleShow' : true,
 			'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
	                    return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
	              }
		});

то страница отображается в окне, заголовок тоже выводится, но почему-то внизу страницы,
похоже, параметры после title вообще игнорируются,
переходы по страницам всё равно не работают.

Еще одна странность состоит в том, что обработчик событий вызывается только в такой записи:

$('body').on("click", "tr .ref", function(){
если записать в формате .click - не работает.

Сайт под битриксом. Я проверял работоспособность кода на простой тестовой странице - там работало, перенес под битрикс - отвалилось.