0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 2199 Просмотров
*

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 много чего работает.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Ошибка при внесении в настройки изменений компонента jUpgrade(обновление joomla)

Автор Ilya69

Ответов: 0
Просмотров: 884
Последний ответ 08.05.2018, 20:23:13
от Ilya69
перенесенная Joomla не видит MySQL - в логах MySQL старт нормальный

Автор ommy

Ответов: 23
Просмотров: 1819
Последний ответ 23.01.2018, 11:20:48
от altvvc
Обновление Joomla\!

Автор SemenSemen

Ответов: 3
Просмотров: 2944
Последний ответ 14.11.2017, 10:42:58
от SemenSemen
Обновление Joomla с 1.5 до 3

Автор kpripper

Ответов: 6
Просмотров: 2433
Последний ответ 27.05.2017, 23:47:50
от prosystema
[Решено] Как обновить Joomla 1.5 (версии, способы обновления и т.д.)

Автор Danka

Ответов: 45
Просмотров: 183276
Последний ответ 06.04.2017, 12:14:12
от SeBun