javascript - Ember で Owl Carousel を使用する

Question

Ember.js は DOM 内のデータバインディングに script タグを使用し、owl-carousel は script タグを取得してスライダー内の要素として追加します。これらのスクリプト タグを無視する方法はありますか。すなわち:

<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
    }
  }
})