Установка owl carousel 2 в tabs

@Xenitron · Регистрация: 15.05.2015

Студворк — интернет-сервис помощи студентам

Добрый день. Подскажите как сделать чтобы карусель нормально отображалась во всех табах а не только в одном. Я так понял что так как у таба первоначально стоит display: none и поэтому плагин карусели не правильно считает длину самой карусели, также понял что нужно перезапускать плагин при смене таба, но как сделать это на js не знаю. Прошу подсказать как можно решить эту проблему. Сайт с табами (табы в секции наши работы) http://office-furniture.webflow.io/ и сама карусель: http://www.owlcarousel.owlgrap... wheel.html

UPD
Также заметил что первая версия этой карусели: http://owlgraphic.com/owlcarousel/ в табах отображается корректно, НО в ней нельзя кликать по элементам, может быть это поможет в решении.

@Almag13 · 03.11.2015, 00:31

В событиях есть такой callback - refresh.owl.carousel
При клике на таб вероятно нужно сделать udate карусели

@Xenitron · 04.11.2015, 15:21 **[ТС]**

Я поставил предыдущую версию, бета 3 и все заработало как надо)

Новые блоги и статьи Все статьи Все блоги /
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .

@Xenitron 3 / 3 / 3 Регистрация: 15.05.2015 Сообщений: 44

	Установка owl carousel 2 в tabs 02.11.2015, 11:13. Показов 4310. Ответов 2 Метки carousel, tabs (Все метки) Добрый день. Подскажите как сделать чтобы карусель нормально отображалась во всех табах а не только в одном. Я так понял что так как у таба первоначально стоит display: none и поэтому плагин карусели не правильно считает длину самой карусели, также понял что нужно перезапускать плагин при смене таба, но как сделать это на js не знаю. Прошу подсказать как можно решить эту проблему. Сайт с табами (табы в секции наши работы) http://office-furniture.webflow.io/ и сама карусель: http://www.owlcarousel.owlgrap... wheel.html UPD Также заметил что первая версия этой карусели: http://owlgraphic.com/owlcarousel/ в табах отображается корректно, НО в ней нельзя кликать по элементам, может быть это поможет в решении. 0

@Almag13 27 / 28 / 16 Регистрация: 18.10.2015 Сообщений: 187
	03.11.2015, 00:31
	Сообщение было отмечено Taatshi как решение Решение В событиях есть такой callback - refresh.owl.carousel При клике на таб вероятно нужно сделать udate карусели 0

@Xenitron 3 / 3 / 3 Регистрация: 15.05.2015 Сообщений: 44
	04.11.2015, 15:21 [ТС]
	Я поставил предыдущую версию, бета 3 и все заработало как надо) 0

Установка owl carousel 2 в tabs

Решение