jquery - Owl Carousel - 自动宽度,最后一项从堆栈中拉出

标签 jquery html css carousel owl-carousel

我遇到了 OWL CAROUSEL 2 的奇怪问题。我正在为 12 个表创建简单的轮播,但是当使用选项“autoWidth”时,最后一个表从轮播堆栈中拉出。

DEMO

如果你打开fiddle,一年中的每个月都有轮播。在carousel的最后,没有December,但是如果你查看源码,你会发现December是有的。出于某种原因,OWL 轮播插件将退出 12 月。

有什么想法吗?提前,非常感谢!

最佳答案

在 CSS 中为 .owl-stage 类添加 display flex 并为较小的设备添加 jS 函数。

CSS

.owl-stage{display:flex}

JS

  $('.owl-carousel').owlCarousel({   
   loop: false,   
   autoWidth:true, 
   margin:10,
   nav:true,
   responsive:{
    0:{
     items:1,
     autoWidth:false 
    },
    768:{
     items:3
    }
   } 
 });  

关于jquery - Owl Carousel - 自动宽度,最后一项从堆栈中拉出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27864201/

相关文章:

javascript - jQuery 将变量内容添加到 DIV 中

javascript - 在 Javascript 中加载 JSON 文件

javascript - 在以下情况下如何从每个数组元素中删除\'?

jquery - 使用数据库 Codeigniter 的 JSON RPC 服务

javascript - 从 Angular js中的各种html文件加载模板

html - 带有复选框的 Treeview 带有 Css 的简单 html

css - Angularjs Click 功能在 youtube Iframe 视频中不起作用,但部分与 css 一起使用

javascript - Jquery - 为多个选择设置样式 - 我可以使用 ID 而不是 NAME 吗?

javascript - 下载前倒计时仅适用于第一个按钮

jquery Canvas 圆