Вопрос Конфликты jQuery

Пользователь · Регистрация: 26.04.2012

Добро дня ребята,
В общем собрался я делать дизайн! особо не шарю но быстро смекаю что к чему...
ТАк вот начал подключать всякие фичи. меню и тд..

И вот не задача один прокач ставлю( выдвигающие панель jQuery)
Далее начинаю внедрять jQuery меню ... и бах тебе на!
Диза спрашивается меню не работает.

Далее отрубаю выпадающие меню (jQuery) и как не странно то которое я ставил до этого работает норм.

В итоге прихожу к выводу что кфери конфлектует друг с другом..
И как быть мне в этой ситуации, ведь хочется прокачать дизу по полной..

Администратор · Регистрация: 27.02.2009

Цитата:

Сообщение от Шмальчик

И как быть мне в этой ситуации

Ну как обычно по стандарту.
Ссылки на скрипты и html код того, как это всё подключается на страницу.

Пользователь · Регистрация: 26.04.2012

Все вроде делаю правильно.. Хотя с такой проблемой я ещё сталкивался когда был форум vb. Все не как не получалось спросить у вас..

Вот так я подключаюсь..

Ещё я решил проверит мб и слделал папку отдельную и залил туда файлы.. вот что вышло

Код HTML:

 <head> 
        <link rel="stylesheet" href="/catalog/view/theme/default/stylesheet/menu.css" type="text/css" media="screen"/> 
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="catalog/view/javascript/jquery.easing.1.3.js"></script> 
        <script type="text/javascript"> 
            $(function() {
                $('#navigation > div').hover(
                function () {
                    var $this = $(this);
					//$this.find('.images').fadeIn();
					
					$this.find('a.menu').removeClass('menu').addClass('hovered');
					
                    $this.find('.images').stop().animate({
                        'width'     :'230px',
                        'height'    :'390px',
                        'opacity'   :'1.0'
                    },400,'easeOutBack',function(){
					
                        $(this).parent().find('div').fadeIn('fast');
                    });
                },
                function () {
                    var $this = $(this);
					
                    $this.find('div').fadeOut(500);
					//$this.find('.images').hide();
                   $this.find('a.hovered').removeClass('hovered').addClass('menu');
				   
				    $this.find('.images').stop().animate({
                        'width'     :'100px',
                        'height'    :'0px',
                        'top'       :'0px',
                        'left'      :'0px',
                        'opacity'   :'0.9'
                    },600,'easeOutBack'); 
              }
            );
            });
        </script>
    </head>

Css

PHP код:



.total_images{
    margin: 0px auto;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1.4px;
}

.total_images .eachs{
    position:absolute
}

#link1{
    top:200px;
    left:100px;
}
#link2{
   top:200px;
   left:230px;
}
#link3{
   top:200px;
   left:380px;
}
#link4{
   top:200px;
   left:510px;
}
#link5{
   top:200px;
   left:690px;
}

.eachs img.images{
    width:230px;
    
    height:390px;
    opacity:1;
    display:none
}
.eachs h2{
    position:absolute;
    width:147px;
    height:52px;
    color:#222;
    font-size:18px;
    top:0px;
    left:52px;
    text-indent:10px;
    line-height:52px;
    text-shadow:1px 1px 1px #fff;
    text-transform:uppercase;
}

.eachs h2.active{
    color:#fff;
    text-shadow:1px 0px 1px #555;
}


a.hovered{color:#fff; height:22px; display:block; padding:8px;-moz-border-radius: 5px;text-shadow: 0px 2px 6px #A81C1F; background-color:#0099CC; text-decoration:none;
    -webkit-border-radius: 5px; }
    
a.menu{ color:#fff; height:22px; display:block; padding:8px;-moz-border-radius: 5px; background-color:#DB2D39; color:#FFFFFF; text-decoration:none;
    -webkit-border-radius: 5px;}

h1 { font: bold 50px/50px Helvetica, Arial, Sans-serif; text-align: center; color: #eee; text-shadow: 0px 2px 6px #333; }

.total_images .eachs a.menu:hover{color:#fff;-moz-border-radius: 5px;text-shadow: 0px 2px 6px #A81C1F; background-color:#A81C1F;
    -webkit-border-radius: 5px; }

/*a.hovered{border:solid #A81C1F 1px;color:#fff; height:22px; display:block; padding:8px;-moz-border-radius: 5px;text-shadow: 0px 2px 6px #ff0000; background-color:#A81C1F; text-decoration:none;
    -webkit-border-radius: 5px; }
    
a.menu{ border:solid #A81C1F 1px;color:#fff; height:22px; display:block; padding:8px;-moz-border-radius: 5px; background-color:#DB2D39; color:#FFFFFF; text-decoration:none;
    -webkit-border-radius: 5px;}

h1 { font: bold 50px/50px Helvetica, Arial, Sans-serif; text-align: center; color: #eee; text-shadow: 0px 2px 6px #333; }

.total_images .eachs a.menu:hover{color:#fff;-moz-border-radius: 5px;text-shadow: 0px 2px 6px #ff0000; background-color:#A81C1F;
    -webkit-border-radius: 5px; }*/

.eachs {width:105px; text-align:center; font: bold 20px/20px Helvetica, Arial, Sans-serif; text-align: center; color: #eee; text-shadow: 0px 2px 6px #333;}

.eachs div{
    list-style:none;
    position:absolute;
    width:110px;
    left:10px;
    top:55px; font-size:20px;
    color:#fff;
    text-align:center;
    display:none;
}

.eachs div ul{ margin:14px; padding:0px 0px 0px 0px; list-style-type:none;}
.eachs div li{ width:160px;}
.eachs div li a{ font-size:12px; width:160px;padding-top:15px; vertical-align:bottom;  display:block; }
.eachs div li a:hover{ color:#FF0000}
.eachs div a{
    text-decoration:none;
    text-transform:uppercase;
    color:#fff;
}

Ну не знаю мб у меня ошибки в квери в самом файле header...
Вот оно содержимое куда я все пытаюсь подключить ..

PHP код:



<!DOCTYPE html>

<head>
<div id="headerr">
  <h1 class="logos">
    <a href=""></a>
  </h1>
</div>
<meta charset="UTF-8" />
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } ?>
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/external/jquery.cookie.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/colorbox/jquery.colorbox.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/colorbox/colorbox.css" media="screen" />
<script type="text/javascript" src="catalog/view/javascript/jquery/tabs.js"></script>
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie7.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->
<?php echo $google_analytics; ?>

<script src="jquery.tabslideout.v1.2.js" type="text/javascript"></script>
<script type="text/javascript">
                $(function(){
                $('.consultant').tabSlideOut({                //Класс панели
        tabHandle: '.handle',                    //Класс кнопки
        pathToTabImage: 'button.jpg',                //Путь к изображению кнопки
        imageHeight: '400px',                    //Высота кнопки
        imageWidth: '65px',                    //Ширина кнопки
        tabLocation: 'right',                    //Расположение панели top - выдвигается сверху, right - выдвигается справа, bottom - выдвигается снизу, left - выдвигается слева
        speed: 300,                        //Скорость анимации
        action: 'click',                    //Метод показа click - выдвигается по клику на кнопку, hover - выдвигается при наведении курсора
        topPos: '350px',                    //Отступ сверху

    });
});
</script>

<script language="JavaScript" type="text/javascript">
function l_image (a) {
 document.example_img.src=a
}
</script>

</head>
<body>
<div id="container">
<div id="header">
 
    
               
  <?php echo $language; ?>
  <?php echo $currency; ?>
  <?php echo $cart; ?>
  <div id="search">
    <div class="button-search"></div>
    <?php if ($filter_name) { ?>
    <input type="text" name="filter_name" value="<?php echo $filter_name; ?>" />
    <?php } else { ?>
    <input type="text" name="filter_name" value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
    <?php } ?>
  </div>
  <div id="welcome">
    <?php if (!$logged) { ?>
    <?php echo $text_welcome; ?>
    <?php } else { ?>
    <?php echo $text_logged; ?>
    <?php } ?>
  </div>
  <div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>
</div>
<?php if ($categories) { ?>



<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><?php if ($category['active']) { ?>
    <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>
    <?php } else { ?>
    <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
    <?php } ?>



      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>
<?php } ?>
<div id="notification"></div>

С уважением Олег.

Администратор · Регистрация: 27.02.2009

Первое проверьте не подключено ли на странице две библиотеки jQuery одновременно.

PHP код:



<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>

PHP код:



  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

И еще нюанс. Скрипт того меню работает корректно только на jQuery не выше версии 1.4.2 (старенькое меню просто)

Пользователь · Регистрация: 26.04.2012

Спасибо Вектор, разъяснил мне все..
Наверно да иза того что две квери на одной странице подключены.
Выходит что две квери нельзя подключать на одной странице.. (я этого не знал, теперь знаю благодаря вам!)

А если попробовать так. попробовать под питать jquery/1.4.2/ заместо 1.7.1
Вроде все работает я проверил. (хотя ещё не весь функционал протестил.. мб и возникнут проблемы с чем-то, я просто даже не знаю что и как тестить то!

Эх менюшка то классная.. я уже думал в фотошопе нарисовать бек грунт тематический (корегки листочки в общем как в шапке)

Пользователь · Регистрация: 14.08.2014

Всем привет. Прошу вас мне помочь разобраться со слайдером (собственно вот он: http://tympanus.net/...box/index4.html скачал от сюда: http://followdesign....ou-chast-1.html ) Всё делаю вроде правильно, но выглядит не всё корректно. Во первых виден слайдер только в Хроме. Во вторых происходит какой то конфликт с лентой новостей. Её просто коробит. Потом там где плеер, то его тоже сдвигает в низ. Пробовал разные слайдеры с того сайта. Проблемы теже.

Вот как я это делаю:
Загружаю нужные файлы к себе на сервер

в mein.tpl ставлю код:

в mein.tpl ставлю код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>

{headers}
<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="{THEME}/css/styles.css" type="text/css" />
<link rel="stylesheet" href="{THEME}/css/engine.css" type="text/css" />
<link href="{THEME}/css/style-two.css" rel="stylesheet" type="text/css">
<script src="{THEME}/includes/scripts.js" type="text/javascript"></script>
<script type="text/javascript" src="{THEME}/includes/superfish.js"></script>
<script type="text/javascript">jQuery(function(){jQuery('ul.sf-menu').superfish();});</script>jQuery.noConflict();
[aviable=showfull]
<script type="text/javascript" src="{THEME}/includes/bookmark/js/sexy-bookmarks-public.js"></script>
<link rel="stylesheet" type="text/css" href="{THEME}/includes/bookmark/css/style.css" media="screen" />
[/aviable]

<script src="/templates/tbstudio/js/tabcontent.js" type="text/javascript"></script>
<script src="{THEME}/js/jquery.nivo.slider.js">jQuery.noConflict();</script>



<link media="screen" href="{THEME}/css/karusel.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/jquery.jcarousel.pack.js"></script>
<script type="text/javascript">
function mycarousel_initCallback(carousel) {
carousel.buttonNext.bind('click', function() {
carousel.startAuto(0);
});

carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});

carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};

jQuery(document).ready(function() {
jQuery('#center_dm_ru_carousel').jcarousel({
auto: 10,
wrap: 'last',
initCallback: mycarousel_initCallback
});
});
</script>

<meta name="buy-banner.com-verification" content="1371" />


<link media="screen" href="{THEME}/fancybox/css/fancybox.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="{THEME}/fancybox/js/fancybox.js"></script>
<script type="text/javascript" src="{THEME}/fancybox/js/media.js"></script>
<script type="text/javascript" src="{THEME}/fancybox/js/script.js"></script>


ВОТ ЭТОТ КОД ОТ СЛАЙДЕРА

<link rel="stylesheet" type="text/css" href="{THEME}/css/slicebox.css" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Volkhov:400italic,700' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="{THEME}/js/modernizr.custom.13303.js"></script>

ВОТ ЭТОТ КОД ОТ СЛАЙДЕРА


<script type="text/javascript"> function addLink() { var body_element = document.getElementsByTagName('body')[0]; var selection; selection = window.getSelection(); var pagelink = "<br /><br /> Источник: <a href='"+document.location.href+"'>"+document.location.href+"</a><br />© Онлайн кинотеатр"; var copytext = selection + pagelink; var newdiv = document.createElement('div'); newdiv.style.position='absolute'; newdiv.style.left='-99999px'; body_element.appendChild(newdiv); newdiv.innerHTML = copytext; selection.selectAllChildren(newdiv); window.setTimeout(function() { body_element.removeChild(newdiv); },0); } document.oncopy = addLink; </script>


</head>"]

[-]

потом я создал фаил slider.tpl

<div id="sb-slider" class="sb-slider"><img src="{THEME}/images/1.jpg" title="Creative Lifesaver"/>
<img src="{THEME}/images/2.jpg" title="Honest Entertainer"/>
<img src="{THEME}/images/3.jpg" title="Brave Astronaut"/>
<img src="{THEME}/images/4.jpg" title="Affectionate Decision Maker"/>
<img src="{THEME}/images/5.jpg" title="Faithful Investor"/>
<img src="{THEME}/images/6.jpg" title="Groundbreaking Artist"/>
<img src="{THEME}/images/7.jpg" title="Selfless Philantropist"/>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.slicebox.min.js"></script>
<script type="text/javascript">
jQuery(function() {

jQuery('#sb-slider').slicebox({
slicesCount : 5,
disperseFactor : 30,
sequentialRotation : true,
sequentialFactor : 100
});

if( !Modernizr.csstransforms3d ) {
jQuery('#sb-note').show();

jQuery('#sb-examples > li:gt(2)').remove();

jQuery('body').append(
jQuery('script').attr( 'type', 'text/javascript' ).attr( 'src', '{THEME}/js/jquery.easing.1.3.js' )
);
}
});
</script>"]

[-]

ставлю {include file="slider.tpl"} в самый низ fullstory.tpl

всё в месте в fullstory.tpl выглядит так:

[SRC="<div itemscope itemtype="http://schema.org/Movie">
<a itemprop="url" href="http://tolko-film.com/" title="tolko-film.com"><div itemprop="name"><strong><h1 style="text-align: center;"><span style="text-shadow: rgba(0, 0, 0, 0.2) 6px 6px 0px; color: rgb(255, 255, 255);" class="ScreenText">Кинотеатр для всех!</span></h1></strong></div>
</a>
<div itemprop="description">Сайт tolko-film.com предлагает вам только качественные фильмы,которые набирают наибольший рейтинг. На нашем сайте вы найдёте фильмы различных жанров...</div>
</div>


<div class="titlecontrol">
<div class="title">
[not-group=5]<div class="right">{favorites} [complaint]<img src="{THEME}/images/complaint.png" title="Report error" alt="Report error" style="margin-bottom: -4px;" />[/complaint]</div>[/not-group]
<img src="{THEME}/images/ico/postinfo-icon.png" alt="" class="img" /> <span id="news-title">{title}</span>
</div>
</div>

<div class="general_box">

<div class="headerbar">
<ul class="postinfo">
<li class="author">{author}</li>
<li class="date">[day-news]<meta itemprop="datePublished" content="{date=Y}-{date=m}-{date=d}" />{date}[/day-news]</li>
<li class="view">просмотров: <meta itemprop="interactionCount" content="UserPageVisits:{views}" />{views}</li>
<li class="category">{link-category}</li>
</ul>
</div>
<div class="content_text">

<left>
<figure class="passe-partout2">

[xfgiven_img]
<a class="fancybox" href="[xfvalue_img]" data-fancybox-group="gallery" title="Смотреть {title} на tolko-film.com"><img src="[xfvalue_img]" alt="" width="200" height="283" /></a>
[/xfgiven_img]

</figure> </left>

<p itemprop="description">{full-story}</p>
<center>
<p></p><p></p>
<figure class="passe-partout">
<p>

[xfgiven_images1]
<a class="fancybox" href="[xfvalue_images1]" data-fancybox-group="gallery" title="фильм онлайн {title} на tolko-film.com"><img src="[xfvalue_images1]" alt="" width="180" height="90" /></a>
[/xfgiven_images1]
[xfgiven_images2]
<a class="fancybox" href="[xfvalue_images2]" data-fancybox-group="gallery" title="Смотреть {title} в хорошем качестве"><img src="[xfvalue_images2]" alt="" width="180" height="90" /></a>
[/xfgiven_images2]
[xfgiven_images3]
<a class="fancybox" href="[xfvalue_images3]" data-fancybox-group="gallery" title="{title}"><img src="[xfvalue_images3]" alt="" width="180" height="90" /></a>
[/xfgiven_images3]

</p> </figure> </center>

<p></p><p></p>
<hr />

<div class="bg-sidebar-block-top">

<div class="sidebar_inner">
<div class="tabsbody2 taglinks2">
[video-constructor]<div>{video-constructor}</div>[/video-constructor]
</div></div></div>

<div class="spacer"></div>

<div align="center">{pages}</div>

[edit-date]
<div class="spacer5"></div>
<div class="title_edit">Отредактировал : <strong>{editor}</strong> - {edit-date}</div>
[edit-reason]<div class="text_edit">Причина: {edit-reason}</div>[/edit-reason]
[/edit-date]

</div>
</div>

<div class="footercontrol">
<div class="footerbar">
<div class="clear"></div>
[rating]<div itemscope itemtype="http://data-vocabula...eview-aggregate" class="left"><div style="padding-top: 1px;">{rating}</div> {vote-num}</div>[/rating]
<div class="right">

<a href="javascript:history.go(-1)"><span class="bttn"><span class="bttns">Назад</span></span></a>
[not-group=5][edit]<span class="bttn"><span class="bttns">Edit</span></span>[/edit]
[complaint]<span class="bttn"><span class="bttns">пожаловаться</span></span>[/complaint]
[/not-group]
[print-link]<span class="bttn"><span class="bttns">Напечатать</span></span>[/print-link]
</div>
<div class="spacer2"></div>
</div>
</div>


<p></p>

<div class="sidebar_block2">
<center> <h2> <img src="{THEME}/images/ico/postinfo-icon.png" alt="" class="img" /><p>

<table style="border-collapse:collapse;width:100%;">
<tbody>
<tr>
<td style="width: 0px; border: 1px solid rgb(133, 57, 247);"> Дорогие посетители сайта. Просьба сообщить если фильм удалён, нажав на кнопку "пожаловаться на видео"</td>
</tr>
</tbody>
</table>
<p> А также не забывайте делиться с друзьями нажав на Соц-кнопку.</p>
</h2></center>
<div class="bg-sidebar-block-top">
<div class="sidebar_inner">
<div class="tabsbody taglinks">

<center>
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="transparent" data-options="big,square,line,horizontal,counter,theme=05" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,print"></div></center>

</div>
</div></div></div>


<div class="separator2"></div>

<div class="commentcontrol">
<div class="title">
<ul class="tabmenu">
<li><a onclick="javascript:return false;" href="#" title="Section-Comments" class="fulltab fullactive">Комментарии ({comments-num})</a></li>
[related-news]<li><a onclick="javascript:return false;" href="#" title="Section-Relates" class="fulltab">Похожие новости</a></li>[/related-news]
[tags]<li><a onclick="javascript:return false;" href="#" title="Section-Tags" class="fulltab">Теги</a></li>[/tags]
[poll]<li><a onclick="javascript:return false;" href="#" title="Section-Poll" class="fulltab">Опрос</a></li>[/poll]
<li> 
<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>

<script type="text/javascript">
VK.init({apiId: 3341730, onlyWidgets: true});
</script><a onclick="javascript:return false;" href="#" title="Section-Shares" class="fulltab">Соц. закладки</a></li>
[complaint]<span class="bttn"><span class="bttns">сообщить,если фильма нет!</span></span>[/complaint]
</ul>
</div>
</div>

<div id="Section-Comments" class="fulltabcontent" style="margin: 0; padding-top: 5px;">
{comments}
{addcomments}
{navigation}
</div>

[related-news]
<div id="Section-Relates" class="fulltabcontent">
<div class="related">
<ul>
{related-news}
</ul>
</div>
<div class="spacer5"></div>
</div>
[/related-news]

[tags]
<div id="Section-Tags" class="fulltabcontent">
<div class="spacer5"></div>
<ul class="postinfo">
<li class="tagcloud"><span class="tag"><i>{tags}</i></span></li>
</ul>
<div class="spacer5"></div>
</div>
[/tags]

[poll]
<div id="Section-Poll" class="fulltabcontent">
{poll}
</div>
[/poll]

<div id="Section-Shares" class="fulltabcontent">

<div style="width: 450px; margin:0 auto">
<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-caring">
<ul class="socials">
<li class="shr-twitter"><a href="http://twitter.com/home?status={title}+-+{full-link}+(via+@Tbenmcp Demo Site)" rel="nofollow" class="external" title="Tweet This!"> </a></li>
<li class="shr-delicious"><a href="http://delicious.com/post?url={full-link}&title={title}" rel="nofollow" class="external" title="Share this on del.icio.us"> </a></li>
<li class="shr-digg"><a href="http://digg.com/submit?phase=2&url={full-link}&title={title}" rel="nofollow" class="external" title="Share this on Digg"> </a></li>
<li class="shr-facebook"><a href="http://www.facebook....are.php?v=4;src=bm&u={full-link}&t={title}" rel="nofollow" class="external" title="Share this on Facebook" onclick="window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;"> </a></li>
<li class="shr-myspace"><a href="http://www.myspace.c...ostTo/Pages/?u={full-link}&t={title}" rel="nofollow" class="external" title="Share this on Myspace"> </a></li>
<li class="shr-googlebuzz"><a href="http://www.google.com/buzz/post?url={full-link}&title={title}" rel="nofollow" class="external" title="Post on Google Buzz"> </a></li>
<li class="shr-googlebookmarks"><a href="http://www.google.co...mark?op=add;bkmk={full-link}&title={title}" rel="nofollow" class="external" title="Add this to Google Bookmarks"> </a></li>
<li class="shr-yahoomail"><a href="http://bookmarks.yah...olbar/savebm?u={full-link}&t={title}" rel="nofollow" class="external" title="Add this to Yahoo Bookmarks"> </a></li>
<li class="shr-gmail"><a href="https://mail.google..../mail/?ui=2;view=cm&fs=1&tf=1&su={title}&body=Check this out: {title}%0D%0A%0D%0ALink: {full-link} (sent via Tbenmcp Demo Site)%0D%0A%0D%0A----{title}" rel="nofollow" class="external" title="Email this via Gmail"> </a></li>
<li class="shr-mail"><a href="mailto:?subject={title}&body=Check this out: {title}%0D%0A%0D%0ALink: {full-link} (sent via Tbenmcp Demo Site)%0D%0A%0D%0A----{title}" rel="nofollow" class="external" title="Email this to a friend?"> </a></li>
</ul>
</div>
</div>

<div class="spacer5"></div>
</div>


<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>

<script type="text/javascript">
VK.init({apiId: 3341730, onlyWidgets: true});
</script>


<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button", height: 24});
</script>

{include file="sliderrip.tpl"}

{include file="slider.tpl"}"]

[-]

результат получается такой:

знаю что конфликт, но как исправить не знаю. Скажите пожалуйста что исправить нужно....

Администратор · Регистрация: 27.02.2009

убрать <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

Пользователь · Регистрация: 14.08.2014

спасибо огромное. Сейчас поставил себе нужный слайдер и возник уже другой вопрос . Можно ли как нибудь что бы слайдер брал картинки из доп. полей и потом описание?

Пользователь · Регистрация: 14.08.2014

и ещё. как делают во всплывающем окне видео и картинки? (желательно из нужной новости)

Пользователь · Регистрация: 14.08.2014

к стати коробит ленту с верху на секунду при перезагрузки страницы....

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
BB код Spoiler (на jQuery)	Vector	BB коды	16	28.02.2014 19:55
Вопрос jQuery	ChOpper	Вопросы по vBulletin 4.х	1	22.02.2013 17:39
Проблема Не работают плагины jQuery	mrforester	Вопросы по vBulletin 3.х	8	14.10.2012 18:48
Новости Вышел jQuery 1.5.2	Vector	JavaScript	0	02.04.2011 01:33
Новости Шпаргалка по jQuery 1.4.4	Vector	JavaScript	0	14.11.2010 16:06

Vector #7
7630 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,302 Сказал(а) спасибо: 578 Спасибок 2,623 в 1,832 сообщениях	Re: Конфликты jQuery - 14.08.2014, 22:56 убрать <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

Georg #9
00 МГц Пользователь Вес репутации: 0 Регистрация: 14.08.2014 Сообщений: 9 Сказал(а) спасибо: 0 Спасибок 0 в 0 сообщениях	Re: Конфликты jQuery - 15.08.2014, 18:33 и ещё. как делают во всплывающем окне видео и картинки? (желательно из нужной новости)

Georg #10
00 МГц Пользователь Вес репутации: 0 Регистрация: 14.08.2014 Сообщений: 9 Сказал(а) спасибо: 0 Спасибок 0 в 0 сообщениях	Re: Конфликты jQuery - 01.12.2014, 19:19 к стати коробит ленту с верху на секунду при перезагрузки страницы....