Перейти к содержимому


Фотография
- - - - -

Некорректное оторбажение виджетов widgetkit во вкладках


Лучший Ответ SmetDenis , 17 February 2016 - 06:19

Тут главное принцип. Заставить виджет рассчитать свои размеры можно если вызвать ресайз окна браузера. Теортетически.

 

 

Мое решение подойдет если вы используете вкладки JBZoo - http://jbzoo.ru/docs/how-tabs-works

У вас же на странице вкладки UIkit то там другие события - http://getuikit.com/.../docs/tab.html 

предположительно решение то же - вызывать событие resize на событие переключения вкладки.

Для BS будет другие события.

 

Либо тоже самое сделать по клику на вкладку с небольшим таймаутом.

$('.<вкладка>').click(function(){ /* таймаут с ресайзом*/ })

Вообще весь вопрос имеет отношение к JBZoo лишь косвенное (только потому что это лежит в шаблоне материала).

Это конфликт работы вкладок UIkit и WidgetKit, а по факту то как работает JavaScript в скрытом контейнере - т.е он не умеет вычислять размеры блоков, если браузер их не отображает. 

 

 

Либо суровый и не оптимизированный вариант, вызывать ресайз постоянно

jQuery(function ($) {
    setInterval(function(){
        $(window).trigger('resize');
   }, 500); // раз в полсекунды
});
Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 13

#11 Stream777

Stream777

Отправлено 11 February 2016 - 23:17

Иииии....ничего не изменилось..или опять не так? Я просто и так то не сильно знал html css php js а вспоминать через 3 года вообще тяжело то чего не знал толком..)))

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

 

http://clip2net.com/s/3ucEn3k


  • 0

#12 SmetDenis

SmetDenis

Отправлено 17 February 2016 - 06:19   Лучший Ответ

Тут главное принцип. Заставить виджет рассчитать свои размеры можно если вызвать ресайз окна браузера. Теортетически.

 

 

Мое решение подойдет если вы используете вкладки JBZoo - http://jbzoo.ru/docs/how-tabs-works

У вас же на странице вкладки UIkit то там другие события - http://getuikit.com/.../docs/tab.html 

предположительно решение то же - вызывать событие resize на событие переключения вкладки.

Для BS будет другие события.

 

Либо тоже самое сделать по клику на вкладку с небольшим таймаутом.

$('.<вкладка>').click(function(){ /* таймаут с ресайзом*/ })

Вообще весь вопрос имеет отношение к JBZoo лишь косвенное (только потому что это лежит в шаблоне материала).

Это конфликт работы вкладок UIkit и WidgetKit, а по факту то как работает JavaScript в скрытом контейнере - т.е он не умеет вычислять размеры блоков, если браузер их не отображает. 

 

 

Либо суровый и не оптимизированный вариант, вызывать ресайз постоянно

jQuery(function ($) {
    setInterval(function(){
        $(window).trigger('resize');
   }, 500); // раз в полсекунды
});

  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#13 Stream777

Stream777

Отправлено 22 February 2016 - 18:14

Суровый вариант сработал, спасибо!

После заполнения всех полей  стало неочень удобно и я решил воспользоваться виджеткит акордионом и тут тоже бак какой-то

Если теперь применить акордион так же из виджеткит, высота окна ставится равной 1 строке.

Настройка параметров acordion

Auto Collapse и Match Content Height не работают. С этим как бороться?


  • 0

#14 SmetDenis

SmetDenis

Отправлено 24 February 2016 - 12:30

Auto Collapse и Match Content Height не работают. С этим как бороться?

Думаю примерно так же - изучать работу виджета изнутри, переписать или придумать костыль.
Как я писал выше, корни одни - особенности работы css в скрытом блоке, JS не может посчитать размеры.
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.





Click to return to top of page in style!