Jump to content


Photo
- - - - -

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


Best Answer 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); // раз в полсекунды
});
Go to the full post


  • This topic is locked This topic is locked
13 replies to this topic

#11 Stream777

Stream777
  • Topic Starter
  • JBZoo User (rus)
  • User rate: ~
  • posts: 8
  • topics: 1

Posted 11 February 2016 - 23:17

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

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

 

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


  • 0

#12 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 17 February 2016 - 06:19   Best Answer

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

 

 

Мое решение подойдет если вы используете вкладки 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
  • Topic Starter
  • JBZoo User (rus)
  • User rate: ~
  • posts: 8
  • topics: 1

Posted 22 February 2016 - 18:14

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

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

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

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

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


  • 0

#14 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 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!