javascript - 在 Ember 中使用 Owl Carousel

Question

Ember.js 使用脚本标签在 DOM 中进行数据绑定，而 owl-carousel 拾取脚本标签并将它们作为元素添加到滑块中。有没有办法忽略那些脚本标签。IE：

<div id="slider-nav">
   {{#each playlist.videos}}
      {{series-slider title=title series=series featured=featured img=thumbnail_image vid_id=youtube_video_id description=description background=hero_image}}
   {{/each}}
</div>

Answer 1

owl-carousel2 中有一个选项 - “nestedItemSelector”。这可以用来告诉 owl-carousel 应该将哪个项目标识为子项目并忽略其他项目。

/* Thumb Slider Starts*/
$('.fivecolumn.owl-carousel').owlCarousel({
  loop:false,
  margin:20,
  responsiveClass:true,
  nestedItemSelector: 'listItem',
  responsive:{
    0:{
      items:1,
      nav:true
    },
    380:{
      items:2,
      nav:false
    },
    600:{
      items:3,
      nav:false
    },
    1000:{
      items:5,
      nav:true,
      loop:false
    }
  }
})