如何使 Owl 轮播将列表项呈现为元素？

Question

Owl 轮播将幻灯片呈现为 div 元素，即使我将它放在无序列表元素中也是如此。我怎样才能让它呈现列表项？

我的HTML:

<ul class="item-grid owl-carousel">
   @foreach (var item in Model)
   {
       <li class="item-box">
            @Html.Partial("_Box", item)
       </li>
    }
</ul>

结果：

<ul class="item-grid owl-carousel owl-rtl owl-loaded owl-drag">
    <div class="owl-stage-outer">
         <div class="owl-stage">
             <div class="owl-item active">
                 <li class="item-box">
                /* box */
                </li>
                ...
            </div>
        </div>
    </div>
</ul>

Answer 1

查看选项 itemElement 和 stageElement - 默认为 div，但您可以将其设置为 li / ul - https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html

$('.owl-carousel').owlCarousel({
    itemElement: 'LI',
    stageElement: 'UL'
})

如何使 Owl 轮播将列表项呈现为元素？

How can I make Owl carousel render list items as elements?

javascript

html

css

owl-carousel