title: Owl Carousal2 with items 1 and loop true
body: <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
    $('.owl-carousel').owlCarousel({
      loop:true,
      margin:10,
      nav:true,
      items: 1
    })
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="owl-carousel"&gt;
      &lt;div class="item"&gt;&lt;h4&gt;1&lt;/h4&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;link href="http://www.owlcarousel.owlgraphic.com/assets/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://www.owlcarousel.owlgraphic.com/assets/owlcarousel/owl.carousel.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>Console Error : TypeError: items[clones[(clones.length - 1)]] is undefined.</strong>
  this error due to only one item <code>div</code> and property loop <code>true</code> and item 1.
  So. any solution at this situation. I know this type of Situation does not occurs but if any solutions please tell me Thanks a lot.</p>