Не работают Tabs
 

Добрый день, уважаемые специалисты. На сайте:
http://nepal.webformat.by/index.php/...vilakom?id=106
Не работают вкладки - tabs. В чем причина и как её можно устранить? Заранее спасибо!

при такой скудной информации вам в раздел работа -- ни где и что такое tabs -- какая программа плагин код инициализирует ваши tabs - работало ли это ранее и т.д.
и что за желание скрещивать jquery и mootools?

Прошу прощение за скудность информации.
Был сайт на joomla 1.5 - nepal.by - сейчас он на старом движке, все работало.
Перенес на 2.5 - http://nepal.webformat.by/ - перестали открываться вкладки.
Код скрипта

(function($) {
$(function() {

	$('ul.tabs').delegate('li:not(.current)', 'click', function() {
		$(this).addClass('current').siblings().removeClass('current')
			.parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(150);
	})

})
})(jQuery)

http://nepal.by/indiya-iz-minskaeksk...oa-kerala.html - здесь рабочие вкладки
СкачатьОписаниеСтоимостьО тправить запрос

Тут не работают - http://nepal.webformat.by/index.php/...vilakom?id=106

Levitan,
поставьте ваш код после 15 строки

Прошу прощения, куда поставить? Можно подробнее, пожалуйста

Levitan,

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
 (function($) {
$(function() {

	$('ul.tabs').delegate('li:not(.current)', 'click', function() {
		$(this).addClass('current').siblings().removeClass('current')
			.parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(150);
	})

})
})(jQuery)

  </script>
  <script src="/media/eorisis-jquery/jquery-noconflict.js" type="text/javascript"></script>

Спасибо. Подскажите, материал у меня выводится с помощью <div>, менеджером материалов joomla. Файл JS подключается в index.php.
Код вставлять в индекс или непосредственно в код материала? Простите за глупы вопросы.

Levitan,
незнаю joomla но рабочим код будет только в этой строке

Буду пробовать. Спасибо большое

Levitan,
вы своём коде можите обнаружить строки

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
  <script src="/media/eorisis-jquery/jquery-noconflict.js" type="text/javascript"></script>

и между этими строками добавить код

Levitan,
ещё вариант -- заменить код там где он у вас был с самого начала на этот -- может заработает

(function($) {
$(function() {

	$('ul.tabs').on('click','li:not(.current)',  function() {
		$(this).addClass('current').siblings().removeClass('current')
			.parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(150);
	})

})
})(jQuery)

Выдает ошибку - Uncaught ReferenceError: jQuery is not defined jquery-migrate-1.2.1.min.js:2
(anonymous function)

Levitan,
зачем вы портите свой код - одно убрали другое поставили -- ненадо добавлять строки из 11 поста они у вас уже есть -- надо было между ними .

Levitan,

Levitan,
это убрать

Попробовал все варианты, пока тишина(
Спасибо еще раз что помогаете. Буду ковырять дальше.
Скрипт табов подключаю так
<link href="/templates/yoo_corona/js/tabs.js" rel="stylesheet" type="text/css" />
<link href="/templates/yoo_corona/css/tabs.css" rel="stylesheet" type="text/css" />
А в материале обычными div-ами вывожу материал.
В tabs.js - код такой-же как Вы советовали

:blink:

Что то намудрил?(((((

Понял, исправил

Проблема не решена.
Насколько я понимаю вкладки
http://nepal.webformat.by/index.php/...vilakom?id=106
оформлены с помощью div и css, скрипт навигации по вкладкам подключается отдельным файлом tabs.js - файл подключен правильно, но навигация сама не работает.
Привожу еще раз код js

(function($) {

$(function() {


    $('ul.tabs').delegate('li:not(.current)', 'click', function() {

        $(this).addClass('current').siblings().removeClass('current')

            .parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(150);

    })


})

})(jQuery)

Levitan,
вы несколько раз грузите jquery с помощью чего угодно и также с tabs. О если бы браузеры могли коментировать код который они видят ... :cray:

<link href="/templates/yoo_corona/css/tabs.css" rel="stylesheet" type="text/css" />
<link href="/templates/yoo_corona/css/tabs.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script src="/media/eorisis-jquery/jquery-noconflict.js" type="text/javascript"></script>
<link href="/templates/yoo_corona/js/jquery.js" type="text/javascript" />
<script src="/templates/yoo_corona/js/jquery.js" type="text/javascript"></script>



<link href="/templates/yoo_corona/js/tabs.js" type="text/javascript" />
<link href="/templates/yoo_corona/js/tabs.js" type="text/javascript" />

это малая часть кода -- я вам дал 2 решения в условиях этого ...кода ... но бесполезно ...
ниже картинка что это бы сработало.

:cray:

Огромнейшее Вам спасибо! Убрал дубли, все сделал как Вы сказали! Работает! ЧУДО!) :) :) :)