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

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

Ответов: 13
Просмотров: 6621
Последний ответ 17.05.2022, 09:07:32
от altvvc
Как установить Joomla 1.5 на php 7?

Автор Marius

Ответов: 8
Просмотров: 2524
Последний ответ 30.05.2021, 21:11:21
от Marius
При попытке войти в админку 404 ошибка компонента - Joomla 1.5: Общие вопросы

Автор omezik

Ответов: 1
Просмотров: 2266
Последний ответ 30.08.2019, 16:10:56
от voland
Нужно починить модуль импорта на сайте Joomla

Автор matus-8

Ответов: 0
Просмотров: 2131
Последний ответ 22.08.2019, 15:09:17
от matus-8
Восстановление Joomla на локальном компьютере из резерной копии

Автор raf88

Ответов: 6
Просмотров: 7171
Последний ответ 28.12.2018, 01:48:46
от natalileto