Breaking News: Grepper is joining You.com. Read the official announcement!

give multiple class and id for each owl carousel function

Combative Crocodile answered on September 23, 2021 Popularity 3/10 Helpfulness 1/10

answer give multiple class and id for each owl carousel function

give multiple class and id for each owl carousel function

Comment

$(document).ready(function() {

  $("#owl-demo, #owl-demo-1").each(function() {
    $(this).owlCarousel({
      items : 6, //10 items above 1000px browser width
      itemsDesktop : [1000,6], //5 items between 1000px and 901px
      itemsDesktopSmall : [900,3], // 3 items betweem 900px and 601px
      itemsTablet: [600,2], //2 items between 600 and 0;
      itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
    });
  });
  // Custom Navigation Events
  $(".next").click(function(){$(this).closest('.span12').find('.owl-carousel').trigger('owl.next');})
  $(".prev").click(function(){$(this).closest('.span12').find('.owl-carousel').trigger('owl.prev');})
});

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: class each function javascript owl-carousel

Link to this answer
Share Copy Link