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

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 1.5 работать на сервере с MySQL версии 5.7 и выше?

Автор Palomnik

Ответов: 5
Просмотров: 1761
Последний ответ 25.01.2019, 13:26:34
от Support
Восстановление Joomla на локальном компьютере из резерной копии

Автор raf88

Ответов: 6
Просмотров: 4708
Последний ответ 28.12.2018, 01:48:46
от natalileto
Редактирование готового сайта на Joomla

Автор Oksana

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

Автор andk

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

Автор Ilya69

Ответов: 0
Просмотров: 1960
Последний ответ 08.05.2018, 20:23:13
от Ilya69