首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >更改owl-carousel包装类?

更改owl-carousel包装类?
EN

Stack Overflow用户
提问于 2017-08-03 19:23:02
回答 1查看 1.6K关注 0票数 0

我正在使用owl-carousel,并试图用owl-wrapper-outer替换owl-stage-outer类。不幸的是,我在文档中找不到任何允许我这样做的选项。下面是我对旋转木马的初始化:

代码语言:javascript
复制
$("#owl-featured").owlCarousel({
        nav: true,
        navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
        items : 3,
        itemsDesktop : [1440,3],
        itemsDesktopSmall : [1024,3],
        itemsTablet: [768,2],
        itemsTabletSmall: [719,1],
        itemsMobile : [479,1],
    });

所以本质上是这个结构,而不是这个:

代码语言:javascript
复制
<div id="owl-featured" class="owl-carousel owl-theme owl-loaded owl-drag">
    <div class="owl-stage-outer">

应该是这样的:

代码语言:javascript
复制
<div id="owl-featured" class="owl-carousel owl-theme owl-loaded owl-drag">
    <div class="owl-wrapper-outer">

我该怎么做呢?谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-08-03 19:32:41

您可以使用docs stageOuterClass:'your class here'中提供的此选项

JS

代码语言:javascript
复制
$('.owl-carousel').owlCarousel({
        stageOuterClass:'owl-wrapper-outer',
    margin:10,
    nav:true,
});

link for reference

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45482763

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档