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

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

Автор Oksana

Ответов: 8
Просмотров: 967
Последний ответ 29.11.2018, 21:11:48
от robert
Как определить версию Joomla, лишившись доступа к админке?

Автор andk

Ответов: 9
Просмотров: 21170
Последний ответ 02.08.2018, 17:33:57
от Apoca1ypto
Ошибка при внесении в настройки изменений компонента jUpgrade(обновление joomla)

Автор Ilya69

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

Автор ommy

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

Автор SemenSemen

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