javascript - Using Owl Carousel with Ember -
ember.js uses script tags databinding within dom, , owl-carousel picks on script tags , adding them elements within slider. there way ignore script tags. 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>
there option in owl-carousel2 - "nesteditemselector". can used tell owl-carousel item should identify child items & ignore others.
/* 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 } } })
Comments
Post a Comment