Вопросjquery - плагины в Drupal

Дублирую свой вопрос из этого урока,поскольку тема для меня является очень важной! :SAD:
Евгений,можешь пошагово объяснить как подключить нестандартный jquery-плагин (в частности этот - lavaLamp)?
C обычными (jqueryui.com) разобрался,а с нестандартными не пойму как воевать...
Что делал:
-ТУТ скачал необходимые файлы.
-добавил их в папку с темой,подключил через template.php (всё подключилось - и css,и js,смотрел через firebug)
-в файле css изменил класс .lavaLampWithImage на .primary-links

Изменился только background у моих primary-links...и всё...
Надо что то еще в .js менять???
Что не так делаю?

Комментарии

Аватар пользователя Spleshka
Spleshka написал:

Давай по порядку с нуля.

1. Качай этот архив, положи её в корень своей темы и разархивируй. Получится, что файлы находятся в sites/all/themes/имятемы/lavalamp

2. Открывай файл имятемы.info. Добавляй туда 3 строки:

stylesheets[all][] = lavalamp/lavalamp.css
scripts[] = lavalamp/jquery.lavalamp.js
scripts[] = lavalamp/jquery.easing.js

3. Почисти кэш сайта

4. Открой page.tpl.php и добавь перед </head> запуск меню:

<script type="text/javascript">
        $(function() {
            $("ul").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
    </script>

Важное замечание - вместо $("ul") надо написать идентификатор или класс тэга ul, для которого ты хочешь запустить lavalamp меню. Например так: $("#main_menu ul") или $("ul.menu"), в зависимости от твоего исходного кода. Если возникнут проблемы - можешь скинуть мне исходный код страницы и я покажу какой идентификатор тебе надо использовать здесь.

Весь код я брал отсюда http://yapro.ru/uploads/Files/lavalamp/index.html

19.07.2011 14:33
Аватар пользователя Kirill
Kirill написал:

Всё равно не подключается...

21.11.2011 00:43
Аватар пользователя Spleshka
Spleshka написал:

В заголовках страницы в исходном коде видно, что скрипт подключился?

21.11.2011 02:20
Аватар пользователя kirill
kirill написал:

в поле видно при помощи файрбага что указаны скрипты

21.11.2011 06:13
Аватар пользователя Spleshka
Spleshka написал:

Тоесть скрипты подключились, как я понял. Попробуйте такой код:

<script type="text/javascript">
$(document).ready(function() {
  $("ul").lavaLamp({
    fx: "backout", 
    speed: 700,
  });
});
</script>
21.11.2011 12:57
Аватар пользователя kirill
kirill написал:

Может причина в том, что я создал в разделе создания меню - меню hor. Вывел его в нужном мне месте в page.tpl.php следующим кодом:

<div class="hor">
<?php print menu_tree('menu-hor'); ?>
</div></nav>

проверил - меню вывелось где нужно. а дальше делаю как в статье написано

stylesheets[all][] = lavalamp/lavalamp.css
scripts[] = lavalamp/jquery.lavalamp.js
scripts[] = lavalamp/jquery.easing.js

и

<script type="text/javascript">
        $(function() {
            $("ul").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
    </script>

причем на что только не менял...

21.11.2011 18:16
Аватар пользователя kirill
kirill написал:

как вообще точно проверить что jquery подключился нормально?

21.11.2011 18:17
Аватар пользователя Spleshka
Spleshka написал:

напишите в консоли фаербага например

$('body').text('Я работаю');

:))

21.11.2011 19:59
Аватар пользователя kirill
kirill написал:

Проверил - всё в норме. Попытался подключить другие плагины - та же беда, но видно что jquery подключается. Одна из проблем - не подхватываются ксс, точнее подхватываются, но из дефолтного ксс темы. :(

25.11.2011 21:00
Аватар пользователя Spleshka
Spleshka написал:

То есть вы прописали в темплейте подключение jquery.ui.dialog, но стили для него не подключились?

25.11.2011 21:33
Аватар пользователя kirill
kirill написал:

В общем получилось прикрутить меню лаваламп с одним но: содержимое кода из lavalamp.css добавил в style.css моей темы. Как я понял почему-то не подключается stylesheets[all][] = lavalamp/lavalamp.css.

27.11.2011 17:44
Аватар пользователя Spleshka
Spleshka написал:

В папке с темой лежит папка lavalamp, а в ней файл lavalamp.css ?

29.11.2011 13:29

Комментировать