Форум русской поддержки Joomla!® CMS
29.05.2017, 21:21:04 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

JavaScript в материале не работает

 (Прочитано 142 раз)
0 Пользователей и 1 Гость смотрят эту тему.
worldmen
Осваиваюсь на форуме
***

Репутация: +2/-0
Offline Offline

Сообщений: 143


« : 11.03.2017, 23:18:43 »

В материал вставил ссылки на 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
Практически профи
*******

Репутация: +357/-2
Offline Offline

Пол: Мужской
Сообщений: 2489


« Ответ #1 : 11.03.2017, 23:40:22 »

Если локально создать HTML страницу, то все работает.
Слабо верится, т.к. библиотеку грузите после скрипта ее использующего. Предположение, исходя из названий файлов.

Цитировать
Что еще можно проверить?
конфликты скриптов
Записан
FitMe
Давно я тут
****

Репутация: +10/-1
Offline Offline

Пол: Мужской
Сообщений: 314



« Ответ #2 : 11.03.2017, 23:45:15 »

Может с редактором проблема еще быть.
Записан
worldmen
Осваиваюсь на форуме
***

Репутация: +2/-0
Offline Offline

Сообщений: 143


« Ответ #3 : 12.03.2017, 00: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
Новичок
*

Репутация: +1/-0
Offline Offline

Сообщений: 4


« Ответ #4 : 13.03.2017, 08: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, 09:03:16 от DespotMagic » Записан
worldmen
Осваиваюсь на форуме
***

Репутация: +2/-0
Offline Offline

Сообщений: 143


« Ответ #5 : 14.03.2017, 00:12:05 »

Спасибо! Помогло:
в коде JavaScript вместо символа $ написать jQuery. 
« Последнее редактирование: 14.03.2017, 00:30:15 от worldmen » Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet