Создать ответ 
Еще один пример спойлера с плавным открытием и закрытием на jquery
Автор Сообщение
Sergey1917 Не на форуме
Старшина
*

Сообщений: 51
У нас с: Apr 2013
Сообщение: #41
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Во всех браузерах (Опера, IE7, FF, Хром, Яндекс) появилась надпись закрыть, как в открытых блоках, так и в закрытых. Надпись не меняется после кликов по блоку. Ждем правки.
(Последний раз сообщение было отредактировано 21.04.2013 в 22:34:36, отредактировал пользователь Sergey1917.)
21.04.2013 22:33:25
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #42
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Не может быть. Shocked
У меня и в Опере и в IE все меняется. Вы код целиком скопировали?
Попробуйте проверить на нашем сайте - *** (позже удалю данную страничку).
21.04.2013 22:39:02
Найти все сообщения Цитировать это сообщение
Sergey1917 Не на форуме
Старшина
*

Сообщений: 51
У нас с: Apr 2013
Сообщение: #43
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Не знаю в чем дело. Ваш демо идет нормально. Переношу весь код с демо. Тоже самое, не идет. Опять повторил перенос кода с предыдущей страницы. Ничего не изменилось. Прям мистика какая-то. Я уже и jquery 1.8.1 подключил, по умолчанию у меня более ранняя работала версия.
21.04.2013 23:02:35
Найти все сообщения Цитировать это сообщение
Sergey1917 Не на форуме
Старшина
*

Сообщений: 51
У нас с: Apr 2013
Сообщение: #44
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Залил себе в корень файл демо 3.php. В этом файле спойлеры работают нормально. На всех остальных страницах нет. Переношу строку <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.8.1/jquery.min.js"></script> в файл темы с основными своими настройками, page.tpl.php, а в демо отключаю ее. Демо перестает работать вообще. А на всех страницах сайта как и раньше, спойлер работает, но с постоянной надписью "закрыть". Пробую подключить jquery с загруженных ранее файлов jquery 1.8.1, 1.9.1. Ничего не меняется. Не знаю, что и делать?

Еще один эксперимент. В демо, в строке подключения библиотеки <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>, изменил версию подключения с инета на такую, которая стоит в Друпале, 1.2.6. Спойлер на демо работает и с этой версией, а на сайте нормально не работает.
(Последний раз сообщение было отредактировано 22.04.2013 в 00:21:50, отредактировал пользователь Sergey1917.)
22.04.2013 00:05:40
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #45
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Может конфликт скриптов?
Попробуйте как я уже советовал - http://usefulscript.ru/forum/showthread.php?tid=193

Еще вариант - сохраните исходный код странички с нерабочим спойлером в виде отдельного файла и поочередно закомментируйте в нем строчки, не относящиеся к спойлеру. Таким образом, Вам удастся выяснить, что мешает работе спойлера.
22.04.2013 19:05:20
Найти все сообщения Цитировать это сообщение
7Lexus Не на форуме
Старший сержант
*

Сообщений: 45
У нас с: Aug 2012
Сообщение: #46
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
У меня всё работает на ура! Мои благодарности Верховному Главнокомандующему. Спойлеры просто чудесненькие.
22.04.2013 19:21:10
Найти все сообщения Цитировать это сообщение
Sergey1917 Не на форуме
Старшина
*

Сообщений: 51
У нас с: Apr 2013
Сообщение: #47
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Куда это вставить?
jQuery.noConflict();
(function($){
// здесь $ будет действовать как алиас jQuery
})(jQuery);
// здесь $ будет доступен для других библиотек
Подскажите пожалуйста.
23.04.2013 10:15:47
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #48
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Ответил в теме Конфликт скриптов при добавлении jQuery.
23.04.2013 19:29:18
Найти все сообщения Цитировать это сообщение
Sergey1917 Не на форуме
Старшина
*

Сообщений: 51
У нас с: Apr 2013
Сообщение: #49
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Нашел у себя причину конфликта со спойлером. Дело все-таки в коде, а не в конфликте jQuery.

</h3><span class="open_close">Закрыть</span></div>

Это нормально работает только при включенном на странице фильтре: формат ввода - PHP code. При переключении фильтра на Full HTML спойлер перестает нормально работать. И вдобавок, начинает косячить CSS - при большом скруглении углов спойлера, блок заголовка не скругляется и его уголки вылезают за пределы спойлера. Если вырезать код <span class="open_close">Закрыть</span> то CSS перестает косячить, но и соответственно исчезает надпись открыть/закрыть.

Можно будет это подправить?

Еще один сбой обнаружился. На странице несколько открытых по умолчанию спойлеров и один закрытый. Так вот, при открытии этого закрытого, автоматом закрываются все открытые. Это уже при любом положении фильтра ввода - PHP code или Full HTML.
В предыдущем коде (без надписей открыть/закрыть) все разом не закрывались.
(Последний раз сообщение было отредактировано 01.05.2013 в 17:30:17, отредактировал пользователь Sergey1917.)
01.05.2013 14:39:15
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #50
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Чтобы все открытые спойлеры не закрывались, удалите строки:
Код:
$("div.spoiler").addClass("show").children(".contents").hide("medium");
$("div.spoiler").children(".title").children(".title_h3").css("background","#bbbbbb").parent().children(".open_close").text('Открыть');

Что за фильтры PHP code и Full HTML я не знаю. Unknown Поэтому посоветовать не могу.

У Вас случаем нигде больше не используется стиль open_close? Попробуйте в нашем коде заменить везде, где встречается open_close на что-нибудь другое.
02.05.2013 11:28:34
Найти все сообщения Цитировать это сообщение
Создать ответ 


Переход:


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


LiveInternet
© Copyright 2011-2024 by UsefulScript.ru