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:

enter image description here

<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

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

single sign on - Logging into Plone site with credentials passed through HTTP -

php - Why does AJAX not process login form? -