Не работает скрипт

  • 7 Ответов
  • 224 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн alex38ann

  • ***
  • 192
  • [+]7 / [-]0
  • jo-J3-e-Jl-u-P
    • Просмотр профиля
    • ООО "АСТ-Канаш"
Не работает скрипт
« : 26.09.2016, 12:10:08 »
Прошу помощи. Скрипт на показ блока работает на Joomla 2.5
Обновился до последней версии 3.6.2 и что то пошло не так. Выполнил чистую установку Joomla на тестовый сервер, но все равно в чем то конфликт. Библиотеку jquery подключал и менял имеющуюся в jooml`e.
http://jsfiddle.net/wnU9K/307/

HTML:
<div class="hidden2">открыть...</div>
<div class="open2">скрытый</div>

CSS:
.hidden2 {cursor: pointer; background: #fb6705;padding: 10px 25px;color: #fff;margin: 5px;}
.open2 {display: none}

JS:
$('.hidden2').on('click', function(){    
    $('.open2').toggle("slow");
});
It's my life..

*

Онлайн vipiusss

  • ********
  • 5442
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Не работает скрипт
« Ответ #1 : 26.09.2016, 14:00:54 »
А зачем скрипт? На CSS много интересного и не хуже и порой лучше!

Банально:
Спойлер
[свернуть]

А если погуглить, то можно красивости найти разные: http://dbmast.ru/raskryvayushhiesya-bloki-s-skrytym-soderzhaniem-s-pomoshhyu-css3
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн alex38ann

  • ***
  • 192
  • [+]7 / [-]0
  • jo-J3-e-Jl-u-P
    • Просмотр профиля
    • ООО "АСТ-Канаш"
Re: Не работает скрипт
« Ответ #2 : 26.09.2016, 14:18:16 »
А зачем скрипт? На CSS много интересного и не хуже и порой лучше!
Скрипт для мобильной версии сайта. Структуру видоизменил и упростил, дабы не вдаваться в ненужный сторонний код. Оставил только блок1 (ссылка) и блок2 (появляющийся при нажатии и скрывающийся при повторном нажатии).
Спасибо за ссылку! Но могли бы Вы мне помочь с текущим вопросом?
It's my life..

*

Оффлайн SmokerMan

Re: Не работает скрипт
« Ответ #3 : 26.09.2016, 14:25:05 »
смотреть консоль в браузере на наличие ошибок
если там тупо используется $ и не отключен мутулз, то это приведет к ошибке
можно попробовать $ заменить на jQuery

*

Онлайн vipiusss

  • ********
  • 5442
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Не работает скрипт
« Ответ #4 : 26.09.2016, 14:32:51 »
Или попробуйте добавить
 jQuery.noConflict();
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн alex38ann

  • ***
  • 192
  • [+]7 / [-]0
  • jo-J3-e-Jl-u-P
    • Просмотр профиля
    • ООО "АСТ-Канаш"
Re: Не работает скрипт
« Ответ #5 : 26.09.2016, 14:35:04 »
смотреть консоль в браузере на наличие ошибок
Пробовал отключить все стандартные библиотеки и подключить только jquery. Так же менял $ на jQuery и еще пробовал конструкцию вида:
<script>
$.noConflict();
// Code that uses other library's $ can follow here.
</script>
источник
Если Вас не затруднит, попробуйте на чистом дистрибутиве Joomla запустить данную конструкцию. При замене $ или с использованием ноконфликт никаких ошибок в консоли нет. Но скрипт почему то отказывается выполняться
It's my life..

*

Оффлайн alex38ann

  • ***
  • 192
  • [+]7 / [-]0
  • jo-J3-e-Jl-u-P
    • Просмотр профиля
    • ООО "АСТ-Канаш"
Re: Не работает скрипт
« Ответ #6 : 26.09.2016, 14:38:41 »
очень странно, но включился. Спасибо Большое всем! Заработало добавив:
$(window).load(function(){
$('.hidden2').on('click', function(){    
    $('.open2').toggle("slow");
});
});
It's my life..

*

Оффлайн SmokerMan

Re: Не работает скрипт
« Ответ #7 : 26.09.2016, 15:09:13 »
очень странно, но включился. Спасибо Большое всем! Заработало добавив:
ну так естественно если этот код будет до элементов естественно он работать не будет
тогда лучше использовать
$(document).ready(function(){ тут код})а не load