Подключение Jquery к шаблону Joomla
 

На этом сайте http://bestwindows.kh.ua/jquery/ установлен шаблон, который использует одну из библиотек JavaScript (не Jquery).

Я хочу на сайт установить виджет Jquery UI Tabs. Скачал с сайта http://jqueryui.com все необходимые файлы. Подключаю: в файле index.php шаблона перед тегом

</head>

вставляю четыре строки.

<link rel="stylesheet" href="templates/<?php echo $this->template; ?>/css/jquery-ui-1.8.18.custom.css" type="text/css" />

- стили CSS для виджетов Qjuery

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/jquery-1.7.1.min.js" ></script>

- библиотека Jquery

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/jquery-ui-1.8.18.custom.min.js" ></script>

- все виджеты Jquery UI

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/allscripts.js" ></script>

- код включения нужного мне виджета Tabs. Содержимое файла allscripts.js:

$(document).ready(function(){

$( "#tabs" ).tabs();

});

Виджет работает как нужно, а вот слайд - картинки в шапке - нет.

Подключая файлы Jquery UI по очереди, выясняется, что картинки в шапке пропадают после подключения библиотеки jquery.

Плагин Web Developer в Firefox сигнализирует об ошибках CSS и что более критично - об ошибках Java Scripts.

Я не знаю как эти ошибки устранять.

Скорей всего проблема в конфликте библиотек JavaScript. Обе эти библиотеки используют переменную $.

Подскажите, пожалуйста, как устранить эти ошибки.

Проблема решена с помощью функции jQuery.noConflict()