Css и Javascript в joomla

Тема в разделе "Программирование", создана пользователем weber, 13.11.2015.

  1. weber
    Offline

    weber Недавно здесь

    Регистрация:
    13.11.2015
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте
    У меня такая вот проблема
    Нужно обратится к классу css при помощи javascript
    http://jsfiddle.net/s56vavhj/ вот пример но в joomla в модуле html не работает этот код
    Заранее спасибо за помощь
     
  2.  
  3. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 462
    Симпатии:
    303
    Пол:
    Мужской
    Должен работать, Вы оборачивали в Jquery в обертку?
    Код (CODE):
    1. jQuery(function($) {
    2. // $ is aliased to jQuery in this function
    3. });
     
  4. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 040
    Симпатии:
    518
    Пол:
    Мужской
    А редактор отключаешь когда код явасрипта вставляешь в модуль?
     
  5. weber
    Offline

    weber Недавно здесь

    Регистрация:
    13.11.2015
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Вставляю код при помощи Source)
    а можно поподробней?
    --- добавлено: 15.11.2015, первое сообщение размещено: 14.11.2015 ---
    нашел ответ сам) просто подключил в index.php новую строку jquery и все заработало хотя в index.php уже был подключен jquery но подключив новую с сайта все заработало
    а к классу теперь обращаюсь как в примере который я скинул в самом начале
     
  6. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    @weber, при обращении к элементам через jQuery нужно указать скрипту, что работа с DOM должна начаться только после полной загрузки страницы.
    Событие окончания загрузки - ready().
    Код (javascript):
    1. jQuery(document).ready(function(
    2.     твой код;
    3. ));
     

Поделиться этой страницей

Загрузка...