Не работает JavaScript на Joomla 3.3

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем kate12, 24.03.2016.

  1. kate12
    Offline

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

    Регистрация:
    20.03.2016
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Женский
    Здравствуйте, уважаемые форумчане! Суть вопроса в следующем. Есть рабочее адаптивное меню slicknav на javascript (смотреть прикрепленный файл SlickNav-master.zip). Работает оно так: при уменьшении экрана первоначальное меню преобразуется в выпадающее меню. Пытаюсь установить его на Joomla3.3. Получается, что первоначальное меню при уменьшении экрана исчезает (так и должно быть), а выпадающее меню не появляется. Что можно с этим сделать? JavaScript не знаю, поэтому прошу помощи у Вас. Вот здесь пример, как оно работает на Joomla 3.3:fortest.ru.host1409300.serv54.hostland.pro

     

    Вложения:

  2.  
  3. Лучший ответ:
    Сообщение #12 от 29.03.2016, автор draff
  4. draff
    Онлайн

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

    Регистрация:
    17.01.2011
    Сообщения:
    6 034
    Симпатии:
    518
    Пол:
    Мужской
    Непонятно как помочь- на примере работает,а где сайт на котором не работает, как посмотреть ошибки ?
    И кстати- версии Джумла до 3.4.8 содержат уязвимость безопасности
     
  5. kate12
    Offline

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

    Регистрация:
    20.03.2016
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Женский
    Я прикрепила файл(SlickNav-master.zip), в нем все работает (папка Demo->index.html). Т.е. чтобы увидеть как работает меню, нужно посмотреть как оно отображается, когда размер экрана уменьшается под планшет или смартфон (меню преобразуется в кнопку с выпадающем меню). Теперь смотрим пример на Joomla: уменьшаем размер экрана, но на малом разрешении экрана меню просто исчезает, а должна появится кнопка с выпадающим меню. Спасибо за проявленный интерес )))
     

    Вложения:

  6. draff
    Онлайн

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

    Регистрация:
    17.01.2011
    Сообщения:
    6 034
    Симпатии:
    518
    Пол:
    Мужской
    То есть , меню это не модуль для Джумла, и его нужно интегрировать в Джумла ?
     
  7. kate12
    Offline

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

    Регистрация:
    20.03.2016
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Женский
    Да, правильно. Это просто скрипт, который работает, но на Джумла нет. Я понимаю, что наверно, не по теме спрашиваю, но чем-то же Joomla мешает скрипту работать ?
     
  8. CB9T
    Offline

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

    Регистрация:
    21.05.2010
    Сообщения:
    2 461
    Симпатии:
    303
    Пол:
    Мужской
    Консоль: Uncaught ReferenceError: JQuery is not defined

    Ответ: jquery конфликты
     
    kate12 нравится это.
  9. draff
    Онлайн

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

    Регистрация:
    17.01.2011
    Сообщения:
    6 034
    Симпатии:
    518
    Пол:
    Мужской
    И еще 2 файла потерялись, отдают 404
    no.conflict нужно чтобы загружались уже после загрузки основной библиотеки jquery.js
     
    kate12 нравится это.
  10. woojin
    Offline

    woojin Местный Команда форума

    Регистрация:
    31.05.2009
    Сообщения:
    3 209
    Симпатии:
    335
    Пол:
    Мужской
    ещё, кнопки не появляться могут по тому что, работает на комповом браузере, а не на планшентном!
    есть функции определяющие на какой системе запущен и какой браузер, соответственно в этом меню может быть алгоритм работы с разными браузерами и система и конкретно в комповом варианте не предусмотрено такое уменьшение экрана

    P.S. и конечно же отсутствие файлов
     
    kate12 нравится это.
  11. kate12
    Offline

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

    Регистрация:
    20.03.2016
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Женский
    Перед закрывающимся body прописаны следующие скрипты:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="temlates/nameofsite/SlickNav-master/dist/jquery.slicknav.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $('#menu').slicknav();
    });
    </script>
    Я сделала изменения и вот как стало:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript">
    jQuery.noConflict();
    </script>
    <script src="temlates/nameofsite/SlickNav-master/dist/jquery.slicknav.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function(){
    jQuery('#menu').slicknav();
    });
    </script>
    Теперь в консоли такая ошибка: TypeError: jQuery(...).slicknav is not a function. Что не так? Заранее спасибо за ответы
    Смотреть здесь: http://fortest.ru.host1409300.serv54.hostland.pro/
     
    Последнее редактирование: 27.03.2016
  12. draff
    Онлайн

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

    Регистрация:
    17.01.2011
    Сообщения:
    6 034
    Симпатии:
    518
    Пол:
    Мужской
    Код (javascript):
    1. var j = jQuery.noConflict();

    и тогда дальше
    Код (javascript):
    1. j('#menu').slicknav();
     
    kate12 нравится это.
  13. kate12
    Offline

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

    Регистрация:
    20.03.2016
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Женский
    Спасибо, draff, за помощь. Скрипт так и не заработал. Не подскажете, какие два файла отсутствуют?
     
  14. draff
    Онлайн

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

    Регистрация:
    17.01.2011
    Сообщения:
    6 034
    Симпатии:
    518
    Пол:
    Мужской
    Лучший ответ
    Уже все файлы есть. Пользуйся firebug, или встроенным инспектором кода браузераю
    Я на собственном опыте, да думаю что и многие разработчики согласятся, что вникать в чужой код тяжелее, чем написать свой код.
    Начни с простого - создай кнопку , на которую навесишь обработчик события открытия меню. А само меню создай в кастом модуле Джумла.И потом с помощью медиа запросов научись выводить,скрывать меню.
    В Джумла 3 уже встроен bootstrap
     

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

Загрузка...