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

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

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

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

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

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


jo-J3-e-Jl-u-P


« : 26.09.2016, 11: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");
});
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

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


Skype: renor_


« Ответ #1 : 26.09.2016, 13:00:54 »

А зачем скрипт? На CSS много интересного и не хуже и порой лучше!

Банально:
Показать текстовый блок

А если погуглить, то можно красивости найти разные: http://dbmast.ru/raskryvayushhiesya-bloki-s-skrytym-soderzhaniem-s-pomoshhyu-css3
Записан
alex38ann
Осваиваюсь на форуме
***

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

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


jo-J3-e-Jl-u-P


« Ответ #2 : 26.09.2016, 13:18:16 »

А зачем скрипт? На CSS много интересного и не хуже и порой лучше!
Скрипт для мобильной версии сайта. Структуру видоизменил и упростил, дабы не вдаваться в ненужный сторонний код. Оставил только блок1 (ссылка) и блок2 (появляющийся при нажатии и скрывающийся при повторном нажатии).
Спасибо за ссылку! Но могли бы Вы мне помочь с текущим вопросом?
Записан
SmokerMan
Профи
********

Репутация: +694/-25
Online Online

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



« Ответ #3 : 26.09.2016, 13:25:05 »

смотреть консоль в браузере на наличие ошибок
если там тупо используется $ и не отключен мутулз, то это приведет к ошибке
можно попробовать $ заменить на jQuery
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

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


Skype: renor_


« Ответ #4 : 26.09.2016, 13:32:51 »

Или попробуйте добавить
 jQuery.noConflict();
Записан
alex38ann
Осваиваюсь на форуме
***

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

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


jo-J3-e-Jl-u-P


« Ответ #5 : 26.09.2016, 13:35:04 »

смотреть консоль в браузере на наличие ошибок
Пробовал отключить все стандартные библиотеки и подключить только jquery. Так же менял $ на jQuery и еще пробовал конструкцию вида:
Код:
<script>
$.noConflict();
// Code that uses other library's $ can follow here.
</script>
источник
Если Вас не затруднит, попробуйте на чистом дистрибутиве Joomla запустить данную конструкцию. При замене $ или с использованием ноконфликт никаких ошибок в консоли нет. Но скрипт почему то отказывается выполняться
Записан
alex38ann
Осваиваюсь на форуме
***

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

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


jo-J3-e-Jl-u-P


« Ответ #6 : 26.09.2016, 13:38:41 »

очень странно, но включился. Спасибо Большое всем! Заработало добавив:
Код:
$(window).load(function(){
$('.hidden2').on('click', function(){    
    $('.open2').toggle("slow");
});
});
Записан
SmokerMan
Профи
********

Репутация: +694/-25
Online Online

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



« Ответ #7 : 26.09.2016, 14:09:13 »

очень странно, но включился. Спасибо Большое всем! Заработало добавив:
ну так естественно если этот код будет до элементов естественно он работать не будет
тогда лучше использовать
Код:
$(document).ready(function(){ тут код})
а не load
Записан
Страниц: [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