Как я могу использовать карусель внутри панели вкладок? - PullRequest
Новая
       12

Как я могу использовать карусель внутри панели вкладок?

0 голосов
/ 18 марта 2020

У меня есть блок с вкладками, который содержит текст и изображения на каждой панели вкладок. После создания карусели с jquery панели вкладок не переключают «активный» класс, поэтому каждая панель вкладок отображается ниже другой, когда я нажимаю вкладки. Это код jquery для карусели. (.organization-tabs - это div, содержащий блок). 

$('.organization-tabs .views-field-field-tab-images').addClass('carousel slide');
$('.organization-tabs .views-field-field-tab-images').attr('data-interval', '5000');
$('.organization-tabs .views-field-field-tab-images').attr('data-ride', 'carousel');
$('.organization-tabs .views-field-field-tab-images .field-content').addClass('carousel-inner');
$('.organization-tabs .tab-pane .views-field-field-tab-images .field-content img').removeClass('active');

$('.organization-tabs .tab-pane .views-field-field-tab-images .field-content').each(function() {
  $(this).find('img').addClass('carousel-item');
  $(this).find('img').first().addClass('active');
});

$('.organization-tabs .views-field-field-tab-images').append("<a class='carousel-control-prev' href='.views-field-field-tab-images' role='button' data-slide='prev'><span class='fas fa-chevron-left'></span></a><a class='carousel-control-next' href='.views-field-field-tab-images' role='button' data-slide='next'><span class='fas fa-chevron-right'></span></a>");
...