jQuery-Joomla 1.5

roma777

Новичок
2
0 / 0

jQuery-Joomla 1.5

« : 24.05.2012, 19:49:53 »

Делаю меню сайта в виде аккордеона на jQuery.
Меню работает правильно(выдвигается/задвигается). Но параметры в CSS не меняются.

Код

function initMenu() {
  a=1;
  $('#menu ul').hide();
  $('#menu li a').click(
    function() {
        $(this).next().slideToggle('normal');
       
        
      }
    );
  
   $('.m8').click(function() {
        if (a==1)
        {
          $('#menu ul').slideDown()
          a=0
          $('.m8').css("background-image", "url(../img/up.png)")
        }
        else
        {
          $('#menu ul').slideUp()
          a=1
          $('.m8').css("background-image", "url(../img/down.png)")
        }
        
      }
    );
  }
$(document).ready(function() {initMenu();});

т.е когда меню закрыто картинка down.png(это прописано в CSS файле)
когда меню раскрыто, картинка бэкграунда должна смениться на up.png.
Если еще раз нажать на блок .m8 то бэкграунд опять меняется на down.png.
В действительности картинки не меняются, стоит только картинка down.png.
Без Joomla картинки меняются.
Возможно что-то неправильно с путями к картинкам? подскажите.
Также менял путь к картинкам так url('<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/img/up.png')не помогает.

Записан

danik.html

Живу я здесь
2650
353 / 4

Re: jQuery-Joomla 1.5

« Ответ #1 : 24.05.2012, 20:21:21 »

1) не объявляйте глобальные переменные, когда переменной пользуетесь только вы в своей функции. Не a = 0, а var a = 0
2) Не меняйте css-стили в скрипте. Меняйте класс элемента. А стили задавайте в css-файле
3) function() {initMenu();} сводится к initMenu

С учетом всего сказанного:

Код: javascript

$(document).ready(function(){
  $('#menu ul').hide();
  $('#menu li a').click(function() {
        $(this).next().slideToggle('normal');
  });
  
   $('.m8').click(function() {
          $('#menu ul').slideToggle();
          $(this).toggleClass('collapsed');
   });
});

и задаем стили
.m8.collapsed {
background: url(/img/down.png) no-repeat;
}
.m8.collapsed {
background: url(/img/up.png) no-repeat;
}

и вопрос: вы уверены, что ради этих 10 строчек стоит подключать библиотеку весом 80 килобайт?

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

roma777

Новичок
2
0 / 0

Re: jQuery-Joomla 1.5

« Ответ #2 : 25.05.2012, 15:20:34 »

Спасибо, смена класса само то!
Нужно реализовать это меню, поэтому приходится использовать. Кроме этого меню на jQuery много чего работает.

Записан

[Решено] УСТАНОВКА Joomla на локальном компьютере - чайник Автор princi_a	Ответов: 21 Просмотров: 10101	28.06.2026, 09:32:19 от ProtectYourSite
Как заставить Joomla 1.5 работать на сервере с MySQL версии 5.7 и выше? Автор Palomnik	Ответов: 14 Просмотров: 11513	01.10.2024, 00:22:40 от jesus
Как установить Joomla 1.5 на php 7? Автор Marius	Ответов: 8 Просмотров: 6917	30.05.2021, 21:11:21 от Marius
При попытке войти в админку 404 ошибка компонента - Joomla 1.5: Общие вопросы Автор omezik	Ответов: 1 Просмотров: 6500	30.08.2019, 16:10:56 от voland
Нужно починить модуль импорта на сайте Joomla Автор matus-8	Ответов: 0 Просмотров: 5844	22.08.2019, 15:09:17 от matus-8

jQuery-Joomla 1.5 - Joomla 1.5: Установка и обновление

Новости Joomla

Вышли релизы безопасности Joomla 6.1.3 и Joomla 5.4.8

👩‍💻 WT Otpravkapochtaru - библиотека сервиса Отправка Почты России для Joomla-разработчиков.

👩‍💻 В Joomla 6.2 появятся встроенный функционал мультикатегорий.

roma777

jQuery-Joomla 1.5

danik.html

Re: jQuery-Joomla 1.5

roma777

Re: jQuery-Joomla 1.5

Похожие темы