Собственно есть сайт, установлен комплексный компонент каталог. В шаблоне сайта подключаю:
ну и т.д.
В шаблоне элемента товара (catalog.element) подключаем fancybox уже на ссылку товара:
В результате в дебагере ошибка и соотвесвено все картинки товара открываются уже на отдельной странице:
$('div.catalogim a ').fancybox(); is not a f unction
Пробовал подключать noconflict, ставить перед функцией JQuery, вощем уже наверн все перепродовал. Может кто сталкивался с подобной ситуацией или есть мысли в какую сторону рыть?)
Все пути до скриптов и ксс рабочие, на страницу они подключатся в head страницы...
| Код |
|---|
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>
<!DO CTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ht ml xmlns="http://www.w3.org/1999/xhtml">
<head>
<li nk rel="shortcut icon" type="image/x-icon" href="<?=SITE_TEMPLATE_PATH?>/favicon.ico" />
<met a http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?$APPLICATION->ShowTitle()?></title>
<sc ript type="text/javascript" src="<?=SITE_TEMPLATE_PATH?>/jquery/jquery-1.7.min.js"></sc ript>
<sc ript type="text/javascript" src="<?=SITE_TEMPLATE_PATH?>/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></sc ript>
<li nk rel="stylesheet" type="text/css" href="/bitrix/templates/<?echo SITE_TEMPLATE_ID;?>/jquery.fancybox.css">
<?$APPLICATION->ShowHead()?>
<li nk rel="stylesheet" href="style.css" type="text/css" media="screen" />
<li nk rel="stylesheet" type="text/css" href="<?=SITE_TEMPLATE_PATH?>/colors.css" />
<sc ript type="text/javascript" src="<?=SITE_TEMPLATE_PATH?>/script.js"></sc ript>
<sc ript language="javascript" src="mootools/mootools.svn.js" type="text/javascript"></sc ript>
|
В шаблоне элемента товара (catalog.element) подключаем fancybox уже на ссылку товара:
| Код |
|---|
<?if (is_array($arResult['DETAIL_PICTURE_350']) || count($arResult["MORE_PHOTO"])>0):?>
<sc ript type="text/javascript">
$(f unction() {
$('div.catalogim a').fancybox({
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'speedIn': 600,
'speedOut': 200,
'overlayShow': false,
'cyclic' : true,
'padding': 20,
'titlePosition': 'over',
'onComplete': f unction() {
$("#fancybox-title").css({ 'top': '100%', 'bottom': 'auto' });
}
});
});
</sc ript>
<?endif;?>
|
$('div.catalogim a ').fancybox(); is not a f unction
Пробовал подключать noconflict, ставить перед функцией JQuery, вощем уже наверн все перепродовал. Может кто сталкивался с подобной ситуацией или есть мысли в какую сторону рыть?)
Все пути до скриптов и ксс рабочие, на страницу они подключатся в head страницы...