Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 218 Просмотров
*

worldmen

  • Осваиваюсь на форуме
  • ***
  • 138
  • 2
В материал вставил ссылки на JavaScript.
Код
<section>
<script type="text/javascript" src="images/pot/js/jquery.maphilight.js"></script>
<script type="text/javascript" src="images/pot/js/custom.js"></script>
<script type="text/javascript" src="images/pot/js/jquery-latest.min.js"></script>
...
В материале используются еще картинки и стиль CSS. Все файлы кинул по пути:
  • images/pot/js
  • images/pot/img
  • images/pot/css
Картинки видны, а файлы скриптов не отрабатывают. Заглянул в код страницы - пути к скриптам все правильно показывают.
Если локально создать HTML страницу, то все работает.
Что еще можно проверить?
*

fsv

  • Практически профи
  • *******
  • 2506
  • 367
Re: JavaScript в материале не работает
« Ответ #1 : 12.03.2017, 00:40:22 »
Если локально создать HTML страницу, то все работает.
Слабо верится, т.к. библиотеку грузите после скрипта ее использующего. Предположение, исходя из названий файлов.

Цитировать
Что еще можно проверить?
конфликты скриптов
Заказать разработку:    расширения Joomla  |   интерфейсы на javascript(jQuery)  |  мобильные приложения
*

FitMe

  • Давно я тут
  • ****
  • 305
  • 9
Re: JavaScript в материале не работает
« Ответ #2 : 12.03.2017, 00:45:15 »
Может с редактором проблема еще быть.
*

worldmen

  • Осваиваюсь на форуме
  • ***
  • 138
  • 2
Re: JavaScript в материале не работает
« Ответ #3 : 12.03.2017, 01:33:22 »
Насчет последовательности загрузки:
Код
<section>
<script type="text/javascript" src="images/potolok/js/jquery-latest.min.js"></script>
<script type="text/javascript" src="images/potolok/js/jquery.maphilight.js"></script>
<script type="text/javascript" src="images/potolok/js/custom.js"></script>
В консоли браузера пишет:
Код
Uncaught TypeError: Cannot read property 'removeClass' of null
    at HTMLSpanElement.<anonymous> (custom.js:18)
    at HTMLSpanElement.dispatch (jquery-latest.min.js:66)
    at HTMLSpanElement.r.handle (jquery-latest.min.js:66)
Вот код из файла с 18-й строкой
Код
[стр 17] $("#input_color p#wall_item span").click(function(){
[стр 18]        $("#input_color p#wall_item span").removeClass("act");

И еще в консоли пишет если нажать на вторую ссылку:
Код
Uncaught TypeError: $(...).attr is not a function
    at HTMLSpanElement.<anonymous> (custom.js:37)
    at HTMLSpanElement.dispatch (jquery-latest.min.js:66)
    at HTMLSpanElement.r.handle (jquery-latest.min.js:66)
вот код из того же файла:
Код
[стр 36]    $("#input_color .input_color_wall span").click(function(){
[стр 37]        var color = $(this).attr("class");
Что ему нужно?
PS: код писал не я. В javascript не особо разбираюсь.
*

DespotMagic

  • Новичок
  • *
  • 4
  • 1
Re: JavaScript в материале не работает
« Ответ #4 : 13.03.2017, 09:46:26 »
Попробуйте в коде JavaScript вместо символа $ написать jQuery.  
Так же посмотрите, что код функции 18 строки jquery обёрнут в "document.ready". Т.е. что элементу созданы уже на странице.

Можно весь js код обернуть в
Цитировать
jQuery(document).ready(function($){

});


Селектор "#input_color p#wall_item span" - такой элемент один? Класс нужно удалить у того элемента, по которому кликнули? Или у всех элементов с таким селектором?
Если только на том элементе, по которому кликнули, то лучше записать так

Код
$("#input_color p#wall_item span").click(function(){
        $( this ).removeClass("act");


А так код на который жалуется валидный в рамках jQuery. Что то Joomla подмешивает может. Перестало работать после обновления/установки плагина? Можно попробовать отключить что было последнее установлено.
« Последнее редактирование: 13.03.2017, 10:03:16 от DespotMagic »
*

worldmen

  • Осваиваюсь на форуме
  • ***
  • 138
  • 2
Re: JavaScript в материале не работает
« Ответ #5 : 14.03.2017, 01:12:05 »
Спасибо! Помогло:
в коде JavaScript вместо символа $ написать jQuery. 
« Последнее редактирование: 14.03.2017, 01:30:15 от worldmen »