{"action":"created","issue":{"url":"https://api.github.com/repos/smashingboxes/OwlCarousel2/issues/1099","labels_url":"https://api.github.com/repos/smashingboxes/OwlCarousel2/issues/1099/labels{/name}","comments_url":"https://api.github.com/repos/smashingboxes/OwlCarousel2/issues/1099/comments","events_url":"https://api.github.com/repos/smashingboxes/OwlCarousel2/issues/1099/events","html_url":"https://github.com/smashingboxes/OwlCarousel2/issues/1099","id":113041067,"number":1099,"title":"Question: How to have 2 sliders on a page","user":{"login":"lenamtl","id":2241324,"avatar_url":"https://avatars.githubusercontent.com/u/2241324?v=3","gravatar_id":"","url":"https://api.github.com/users/lenamtl","html_url":"https://github.com/lenamtl","followers_url":"https://api.github.com/users/lenamtl/followers","following_url":"https://api.github.com/users/lenamtl/following{/other_user}","gists_url":"https://api.github.com/users/lenamtl/gists{/gist_id}","starred_url":"https://api.github.com/users/lenamtl/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lenamtl/subscriptions","organizations_url":"https://api.github.com/users/lenamtl/orgs","repos_url":"https://api.github.com/users/lenamtl/repos","events_url":"https://api.github.com/users/lenamtl/events{/privacy}","received_events_url":"https://api.github.com/users/lenamtl/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-10-23T15:18:20Z","updated_at":"2015-10-30T18:14:00Z","closed_at":null,"body":"I'm looking the way to use the script with ID.\r\nI need to show 2 sliders on the same page with different settings.\r\n\r\nAny instruction or snippet?\r\n\r\nThanks"},"comment":{"url":"https://api.github.com/repos/smashingboxes/OwlCarousel2/issues/comments/152606509","html_url":"https://github.com/smashingboxes/OwlCarousel2/issues/1099#issuecomment-152606509","issue_url":"https://api.github.com/repos/smashingboxes/OwlCarousel2/issues/1099","id":152606509,"user":{"login":"rafael-renan-pacheco","id":12160864,"avatar_url":"https://avatars.githubusercontent.com/u/12160864?v=3","gravatar_id":"","url":"https://api.github.com/users/rafael-renan-pacheco","html_url":"https://github.com/rafael-renan-pacheco","followers_url":"https://api.github.com/users/rafael-renan-pacheco/followers","following_url":"https://api.github.com/users/rafael-renan-pacheco/following{/other_user}","gists_url":"https://api.github.com/users/rafael-renan-pacheco/gists{/gist_id}","starred_url":"https://api.github.com/users/rafael-renan-pacheco/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rafael-renan-pacheco/subscriptions","organizations_url":"https://api.github.com/users/rafael-renan-pacheco/orgs","repos_url":"https://api.github.com/users/rafael-renan-pacheco/repos","events_url":"https://api.github.com/users/rafael-renan-pacheco/events{/privacy}","received_events_url":"https://api.github.com/users/rafael-renan-pacheco/received_events","type":"User","site_admin":false},"created_at":"2015-10-30T18:14:00Z","updated_at":"2015-10-30T18:14:00Z","body":"The key here is the jQuery selector.\r\n\r\nYou can have in your html:\r\n\r\n```\r\n<div class=\"owl-carousel owl-theme\" id=\"first-id\">\r\n  <div> Your Content </div>\r\n  <div> Your Content </div>\r\n</div>\r\n\r\n<div class=\"owl-carousel owl-theme\" id=\"second-id\">\r\n  <div> Your Content </div>\r\n  <div> Your Content </div>\r\n</div>\r\n```\r\n\r\nAnd in your JS:\r\n\r\n```\r\n$(document).ready(function(){\r\n  $('#first-id').owlCarousel(); /* plus your first configuration */\r\n  $('#second-id').owlCarousel(); /* plus your second configuration */\r\n});\r\n```\r\n\r\nYou don't have to use \"$('.owl-carousel')\", this is just the docs example.\r\n\r\nBest regards."}}