{"action":"created","issue":{"url":"https://api.github.com/repos/smashingboxes/OwlCarousel2/issues/996","labels_url":"https://api.github.com/repos/smashingboxes/OwlCarousel2/issues/996/labels{/name}","comments_url":"https://api.github.com/repos/smashingboxes/OwlCarousel2/issues/996/comments","events_url":"https://api.github.com/repos/smashingboxes/OwlCarousel2/issues/996/events","html_url":"https://github.com/smashingboxes/OwlCarousel2/issues/996","id":102131305,"number":996,"title":"How do I disable an item inside the carousel wrapper div?","user":{"login":"barry205","id":8613108,"avatar_url":"https://avatars.githubusercontent.com/u/8613108?v=3","gravatar_id":"","url":"https://api.github.com/users/barry205","html_url":"https://github.com/barry205","followers_url":"https://api.github.com/users/barry205/followers","following_url":"https://api.github.com/users/barry205/following{/other_user}","gists_url":"https://api.github.com/users/barry205/gists{/gist_id}","starred_url":"https://api.github.com/users/barry205/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/barry205/subscriptions","organizations_url":"https://api.github.com/users/barry205/orgs","repos_url":"https://api.github.com/users/barry205/repos","events_url":"https://api.github.com/users/barry205/events{/privacy}","received_events_url":"https://api.github.com/users/barry205/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-08-20T12:48:44Z","updated_at":"2015-08-20T14:56:51Z","closed_at":"2015-08-20T14:56:51Z","body":"Hi all\r\n\r\nEverything inside the owl-carousel wrapper turns into an item, works good, but how can I disable an element (in this instance, the <span>) so the carousel ignores it and doesn't create a new slide?\r\n\r\nExample:\r\n```html\r\n<div id=\"home\" class=\"owl-carousel\">\r\n<span>Back..</span>\r\n      <div class=\"slide active\">\r\n        <h2>Slide 1</h2>\r\n      </div>\r\n      <div class=\"slide\">\r\n        <h2>Slide 2</h2>\r\n      </div>\r\n      <div class=\"slide\">\r\n        <h2>Slide 3</h2>\r\n      </div>\r\n</div>\r\n```\r\nThe above creates 4 slides, I only want 3 and need the span to be ignored. Is this possible without pulling it from the container?\r\n\r\nThanks, Barry"},"comment":{"url":"https://api.github.com/repos/smashingboxes/OwlCarousel2/issues/comments/133040404","html_url":"https://github.com/smashingboxes/OwlCarousel2/issues/996#issuecomment-133040404","issue_url":"https://api.github.com/repos/smashingboxes/OwlCarousel2/issues/996","id":133040404,"user":{"login":"greg5green","id":1641918,"avatar_url":"https://avatars.githubusercontent.com/u/1641918?v=3","gravatar_id":"","url":"https://api.github.com/users/greg5green","html_url":"https://github.com/greg5green","followers_url":"https://api.github.com/users/greg5green/followers","following_url":"https://api.github.com/users/greg5green/following{/other_user}","gists_url":"https://api.github.com/users/greg5green/gists{/gist_id}","starred_url":"https://api.github.com/users/greg5green/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/greg5green/subscriptions","organizations_url":"https://api.github.com/users/greg5green/orgs","repos_url":"https://api.github.com/users/greg5green/repos","events_url":"https://api.github.com/users/greg5green/events{/privacy}","received_events_url":"https://api.github.com/users/greg5green/received_events","type":"User","site_admin":false},"created_at":"2015-08-20T14:56:51Z","updated_at":"2015-08-20T14:56:51Z","body":"You an do this if you wrap your slides in another div and use the `nestedItemSelector` property.\r\n**NOTE:** `nestedItemSelector` would be the selector of the slides, not the container.\r\n\r\nExample HTML:\r\n```\r\n<div id=\"home\" class=\"owl-carousel\">\r\n  <span>Back..</span>\r\n  <div class=\"slide-container\">\r\n    <div class=\"slide active\">\r\n      <h2>Slide 1</h2>\r\n    </div>\r\n    <div class=\"slide\">\r\n      <h2>Slide 2</h2>\r\n    </div>\r\n    <div class=\"slide\">\r\n      <h2>Slide 3</h2>\r\n    </div>\r\n  </div>\r\n</div>\r\n```\r\n\r\nExample JS:\r\n```\r\n  $('.owl-carousel').owlCarousel({ nestedItemSelector: 'slide' });\r\n```"}}