Как решить проблему отображения плагина js twentytwenty в табах bootstrap?

Question

[William]

Проблема такова:
в табах bootstrap не рассчитывается высота Js плагина twentytwenty (это до - после). В первой вкладке ок, в последующих не отображается.

на github'е нашел ответ (2 последних кода), но они почему то не работают.

для примера создал архив с демо
uplay-account.ru/twentytwenty-master.zip

или uplay-account.ru/fck

Comments

[Kovalsky]

Не работает это значит что вы вызываете ресайз и ничего не пересчитывается?

Вместо архива лучше делать пример в песочнице типа jsfiddle/codepen.

[William]

Никита Полевой, именно

[Kovalsky]

William, убедитесь в том, что каждый шаг работает так как запланировано: убедитесь что 'shown.bs.tab' триггерится, что twentyTwentyHeight действительно равно нулю, что ресайз триггерится. Это стоит сделать как минимум потому что бутстрап бутстрапу рознь: в некоторых версия система ивентов очень сильно менялась, так что вполне возможно ваши обработчики просто не вызываются

[Kovalsky]

William, небольшой апдейт: открыл ваш пример, добавил туда код из вами же приведенной ссылки, все работает. Значит где-то вы ошибаетесь. Устанавливайте обработчик для shown.bs.tab, смотрите работает ли он

[William]

Никита Полевой, пример на codepen? пересохраните, пришлите плз, если дернуть окно браузера (изменить масштаб) то появился во второй вкладке, в первой - пропадет

[Kovalsky]

William, вот - https://codepen.io/lucifer63-the-selector/pen/wvwLKaZ. По shown.bs.tab вывожу в консоль какую-то хрень. Вместо хрени надо вписать триггер ресайза для твентвенти в текущем активном контейнере.