На этом сайте
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. Обе эти библиотеки используют переменную $.
Подскажите, пожалуйста, как устранить эти ошибки.