首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何访问OwlCarousel的当前属性?

如何访问OwlCarousel的当前属性?
EN

Stack Overflow用户
提问于 2015-04-22 06:09:46
回答 3查看 3.2K关注 0票数 0

我需要获得OwlCarousel中显示的当前项目数。用{items: n}设置设置的数字。在这种情况下,使用响应指令。

代码语言:javascript
复制
{
  items: 4,
  responsive: {
     720: {
         items: 3
     },
     320: {
         items: 2
     }
  }
}

像这样的事我想

代码语言:javascript
复制
var owl = $('.carousel').data('owl.carousel');
var current_items = owl.settings.items;

我想以编程的方式确定当前一次显示多少项。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-04-22 06:25:12

好的,看起来这是非常直接的,毕竟。您还可以监视属性的变化(如this question的答案)。看来我的.data()选择器不对。

代码语言:javascript
复制
// Grab your carousel
var carousel = $('.carousel').data('owlCarousel');
var current_items;
// Check that it already exists
if ( carousel ) {
  // Access it's settings property - "items" is updated 
  // when the breakpoint changes
  current_items = carousel.settings.items;
}
票数 1
EN

Stack Overflow用户

发布于 2015-04-22 06:14:59

您可以使用以下方法获取活动项的数量

代码语言:javascript
复制
$('.owl-carousel .owl-item.active').length
票数 1
EN

Stack Overflow用户

发布于 2015-04-22 06:22:58

你可以挺过去的:

代码语言:javascript
复制
   var totalItems = $('.owl-item.active').length;

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

https://stackoverflow.com/questions/29789126

复制
相关文章

相似问题

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