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

Discussion in 'Внешний вид, шаблоны, графика' started by kate12, Mar 24, 2016.

Tags:
  1. kate12
    Offline

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

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

     

    Attached Files:

    kate12, Mar 24, 2016
    #1

  2. Ads Master

     
    3. Best Answer:
    Post #12 by OlegK, Mar 29, 2016
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Непонятно как помочь- на примере работает,а где сайт на котором не работает, как посмотреть ошибки ?
    И кстати- версии Джумла до 3.4.8 содержат уязвимость безопасности
     
    OlegK, Mar 24, 2016
    #2
  4. kate12
    Offline

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

    Joined:
    Mar 20, 2016
    Messages:
    8
    Likes Received:
    0
    Gender:
    Female
    Я прикрепила файл(SlickNav-master.zip), в нем все работает (папка Demo->index.html). Т.е. чтобы увидеть как работает меню, нужно посмотреть как оно отображается, когда размер экрана уменьшается под планшет или смартфон (меню преобразуется в кнопку с выпадающем меню). Теперь смотрим пример на Joomla: уменьшаем размер экрана, но на малом разрешении экрана меню просто исчезает, а должна появится кнопка с выпадающим меню. Спасибо за проявленный интерес )))
     

    Attached Files:

    kate12, Mar 25, 2016
    #3
  5. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    То есть , меню это не модуль для Джумла, и его нужно интегрировать в Джумла ?
     
    OlegK, Mar 25, 2016
    #4
  6. kate12
    Offline

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

    Joined:
    Mar 20, 2016
    Messages:
    8
    Likes Received:
    0
    Gender:
    Female
    Да, правильно. Это просто скрипт, который работает, но на Джумла нет. Я понимаю, что наверно, не по теме спрашиваю, но чем-то же Joomla мешает скрипту работать ?
     
    kate12, Mar 25, 2016
    #5
  7. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Консоль: Uncaught ReferenceError: JQuery is not defined

    Ответ: jquery конфликты
     
    CB9T, Mar 25, 2016
    #6
    kate12 likes this.
  8. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    И еще 2 файла потерялись, отдают 404
    no.conflict нужно чтобы загружались уже после загрузки основной библиотеки jquery.js
     
    OlegK, Mar 25, 2016
    #7
    kate12 likes this.
  9. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    ещё, кнопки не появляться могут по тому что, работает на комповом браузере, а не на планшентном!
    есть функции определяющие на какой системе запущен и какой браузер, соответственно в этом меню может быть алгоритм работы с разными браузерами и система и конкретно в комповом варианте не предусмотрено такое уменьшение экрана

    P.S. и конечно же отсутствие файлов
     
    woojin, Mar 25, 2016
    #8
    kate12 likes this.
  10. kate12
    Offline

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

    Joined:
    Mar 20, 2016
    Messages:
    8
    Likes Received:
    0
    Gender:
    Female
    Перед закрывающимся 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/
     
    Last edited: Mar 27, 2016
    kate12, Mar 27, 2016
    #9
  11. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Код (javascript):
    1. var j = jQuery.noConflict();

    и тогда дальше
    Код (javascript):
    1. j('#menu').slicknav();
     
    OlegK, Mar 27, 2016
    #10
    kate12 likes this.
  12. kate12
    Offline

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

    Joined:
    Mar 20, 2016
    Messages:
    8
    Likes Received:
    0
    Gender:
    Female
    Спасибо, draff, за помощь. Скрипт так и не заработал. Не подскажете, какие два файла отсутствуют?
     
    kate12, Mar 28, 2016
    #11
  13. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Best Answer
    Уже все файлы есть. Пользуйся firebug, или встроенным инспектором кода браузераю
    Я на собственном опыте, да думаю что и многие разработчики согласятся, что вникать в чужой код тяжелее, чем написать свой код.
    Начни с простого - создай кнопку , на которую навесишь обработчик события открытия меню. А само меню создай в кастом модуле Джумла.И потом с помощью медиа запросов научись выводить,скрывать меню.
    В Джумла 3 уже встроен bootstrap
     
    OlegK, Mar 29, 2016
    #12
< Перенос изображений на поддомен | Помогите растянуть меню на всю ширину сайта >

Share This Page

Loading...