ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery плагины для скрытых элементов
3 сообщений из 3, страница 1 из 1
jQuery плагины для скрытых элементов
    #38707650
sergey-grey-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sergey-grey-
Гость
Ситуация следующая, постоянно возникают проблемы при подключении различных плагинов для элементов которые при загрузке страницы скрытые (напр. в display:none), то есть разместить стилизированный скролл, вложить слайдер например во всплывающее окно - крайне проблематично. В то время как на видимых элементах работают отлично.

И внятной информации в гугле найти не могу, может кто-то может на пальцах объяснить что не так.

Даже не знаю как еще конкретизировать, вопрос довольно таки общий, ну пусть будет так:

есть html-код
Код: html
1.
2.
3.
4.
5.
<div class="container">
    	<div class="hide_block" style="display: none;">
    	     <div class="scrolling_text">Какой-то текст</div>
        </div>
</div>


вызов для него
Код: javascript
1.
2.
3.
4.
$(function()
{
	$('.scrolling_text').jScrollPane();
});



Например, при клике по .container появляется .hide_block а в нем много текста, скролл для которого стилизируется. Но проблема в том, что если этот блок изначально видимый то скрипт работает нормально, а если спрятать и показывать, например, по клику, то скрипт где-то курит, и так со всеми другими плагинами. Объясните пожалуйста хитрость подключения плагинов для скрытых элементов. Должен ли быть какой то повторный вызов после того как элемент становиться видимым или в чем тут проблема?
...
Рейтинг: 0 / 0
28.07.2014, 21:47
| Ответить | Цитировать | Написать  
jQuery плагины для скрытых элементов
    #38707813
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
carrotik
Участник
sergey-grey-,

.. а у этих плагинов нет событий специальных для показывания/свертывания ???... Например, у bootstrap-a для класса collapse есть события типа shown.bs.collapse/hidden.bs.collapse, на которые можно вешать функции ...
...
Рейтинг: 0 / 0
29.07.2014, 09:51
| Ответить | Цитировать | Написать  
jQuery плагины для скрытых элементов
    #38708173
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
sergey-grey-,

думаю, проблема в том, что эти плагины используют ширину или высоту элемента, а для скрытого элемента она нулевая. Потому при показе надо что-то у плагинов вызывать, какой-нибудь метод типа layout или тому подобное. Вроде у яндекс-карт тоже такая проблема есть.

----
либо попробуй скрывать элементы как-нибудь иначе, например
Код: html
1.
2.
3.
<div class="hidden-block">
    <div id="id_content">431543264236  yetuiyetiyrtyiryi</div>
</div>



Код: css
1.
2.
3.
4.
.hidden-block {
    overflow: hidden;
    height: 0;
}



Код: javascript
1.
2.
3.
function showDiv (div, show) {
     div.parentNode.className = (show===false) ? "" : "hidden-block";
}



здесь див "id_content" невидимый, но имеет ширину и высоту.
...
Рейтинг: 0 / 0
29.07.2014, 14:27
| Ответить | Цитировать | Написать  
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery плагины для скрытых элементов
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=94&tid=1446860]:
 0ms
get settings:
 9ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 27ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 25ms
get tp. blocked users:
 1ms
others: 241ms
total:  326ms
созд. / загр.: 326ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]