Dynami c Canvas & Carousel Display - Bootstrap 4 - PullRequest
0 голосов
/ 09 июля 2020

У меня довольно конкретная c проблема. Я использую библиотеку Chart. js для создания диаграмм внутри некоторых элементов div .carousel-item. Я также использую шаблон Bootstrap 4, который поставляется с собственным css и некоторыми js.

В этом конкретном случае c я создаю элементы div .carousel-item и canvas динамически. Раньше они не создавались динамически и отлично работали с предоставленным css. Теперь, когда я создаю их динамически, css не может правильно отображать элементы canvas. Я попытался изолировать причину, но безуспешно.

Вот ссылка на JSFiddle , демонстрирующую проблему. Если вы удалите css, диаграммы будут выглядеть так, как должны, без carousel.

1 Ответ

0 голосов
/ 10 июля 2020

На это у меня ушло немного больше времени, чем я горжусь признаться, но вот оно.

Первый div .carousel-item в carousel также должен иметь класс active. В противном случае carousel некуда будет начинать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...