Пользовательские модули Hubspot и карусель для начальной загрузки

Question

Hubspot добавляет обертки вокруг своих пользовательских модулей. Я отчаянно хочу найти способ заставить этот код работать на карусели Bootstrap. Любые идеи, как я могу позволить плагину карусели знать, чтобы нацелить мой класс предметов внутри этого добавленного диапазона Hubspot и обертки div?

<div class="carousel-inner">   

    <!-- this is added by Hubspot wraps all items --> 
    <span id="hs_cos_wrapper_carousel_items" class="hs_cos_wrapper hs_cos_wrapper_widget_container hs_cos_wrapper_type_widget_container" style="" data-hs-cos-general-type="widget_container" data-hs-cos-type="widget_container"> 

     <!-- this div is added by Hubspot on each item --> 
     <div id="hs_cos_wrapper_widget_1462360389044" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_custom_widget" style="" data-hs-cos-general-type="widget" data-hs-cos-type="custom_widget"> 

      <!-- finally, we have the carousel items here --> 
      <div class="item"> 
       <div class="hero" style="height: 765px; min-height: 300px; background-image: url(image.jpg);"></div><!-- end hero--> 
       <div class="container carousel-caption">Test hero</div> 
      </div><!-- carousel item --> 

     </div> <!-- added Hubspot div around each item div --> 

    </span> <!-- added Hubspot span -->  

</div> <!-- carousel-inner div --> 

Answer 1

Способ, которым я занимаюсь, заключается в том, чтобы удалить «элемент» из пользовательского модуля. Вместо этого оберните каждый пользовательский модуль в него с помощью jquery. Например, укажите в столбце, который содержит модули, класс «bootstrap-flex». Затем добавьте это:

$('.bootstrap-flex > span').wrapInner("<div class='carousel-inner'></div>"); 
$('.carousel-inner .hs_cos_wrapper_type_custom_widget').each(function() { 
$(this).wrap("<div class='item'></div>"); 
});