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

Обсуждаются вопросы использования методов и вспомогательных функций, входящие в состав библиотеки jQuery.

Модераторы: TRAHOMOTO, zandroid, tuareg

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

Сообщение AlexM » 08 мар 2012, 19:50

На этом сайте установлен шаблон, в котором уже встроен 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.

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

Подскажите, пожалуйста, как устранить эти ошибки.
Последний раз редактировалось AlexM 02 июн 2012, 14:48, всего редактировалось 1 раз.
AlexM
 
Сообщений: 17
Зарегистрирован: 27 дек 2011, 23:43

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

Сообщение Gennady » 08 мар 2012, 20:54

AlexM писал(а):На этом сайте _http://bestwindows.kh.ua/jquery/ установлен шаблон, в котором уже встроен jquery.


Вы уверены в этом? В том, что библиотека jQuery уже используется? Я вижу, что у Вас в начале подключается mootools.js - а это совсем другое дело. К тому же, если jQuery уже подключена (по Вашим словам), зачем Вы пытаетесь подключить ее еще раз?

В общем, у Вас налицо конфликт jQuery и Mootools, которая тоже использует $ (об этом и сообщает Вам FireBug). Разрешать конфликт Вам придется с помощью jQuery.noConflict().
Долог путь поучения, короток и успешен путь примеров (Сенека).
I'm a member of jQuery Meetups. jQuery users unite! Connect with other jQuery users... Присоединиться к jQuery Russia.
Аватар пользователя
Gennady
Администратор
 
Сообщений: 1886
Зарегистрирован: 14 янв 2010, 14:36
Откуда: Москва

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

Сообщение AlexM » 08 мар 2012, 22:35

Gennady писал(а): в начале подключается mootools.js

Действительно шаблон работает не на Jquery.
Выходит одна JavaScript библиотека нужна для работы шаблона, а другая - Jquery - для виджета Jquery UI.
Статью о конфликтах я прочитал, но разобраться не смог. Я Jquery знаю по видеокурсу Попова. Практики не много.
Не могли бы Вы подсказать как разрешить конфликты именно в этом случае?
AlexM
 
Сообщений: 17
Зарегистрирован: 27 дек 2011, 23:43

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

Сообщение zandroid » 08 мар 2012, 22:45

Вот она сила видеокурсов Попова! :D
Всё делается просто: после подключения jQuery вызываете скрипт (пишете в отдельный файл или сразу inline-скриптом)
Код: выделить все
jQuery.noConflict()

После этого, где надо будет использовать jQuery пишите полное имя "jQuery" вместо "$".
Или, если писать полное имя лениво - то можно сделать такой фокус:
Код: выделить все
(function($) {
// здесь весь код для jQuery и можно использовать "$"
})(jQuery);
Аватар пользователя
zandroid
Модератор
 
Сообщений: 1164
Зарегистрирован: 21 янв 2010, 22:16
Откуда: Нижний Новгород

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

Сообщение AlexM » 08 мар 2012, 23:09

Так. Заработало!!!
Спасибо!
AlexM
 
Сообщений: 17
Зарегистрирован: 27 дек 2011, 23:43


Вернуться в API jQuery

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 3