Owl Carousel 2 to.owl.carousel event problem
If you set 0 as transition speed when triggering to.owl.carousel event, it doesn't work
HTML
<link rel="stylesheet" href="//cdn.rawgit.com/smashingboxes/OwlCarousel2/2.0.0-beta.3/dist/assets/owl.carousel.css">
<link rel="stylesheet" href="//cdn.rawgit.com/smashingboxes/OwlCarousel2/2.0.0-beta.3/dist/assets/owl.theme.default.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdn.rawgit.com/smashingboxes/OwlCarousel2/2.0.0-beta.3/dist/owl.carousel.js"></script>
<div class="owl-carousel owl-theme">
<div class="item">
<img src="http://placehold.it/350x150&text=1" />
</div>
<div class="item">
<img src="http://placehold.it/350x150&text=2" />
</div>
<div class="item">
<img src="http://placehold.it/350x150&text=3" />
</div>
<div class="item">
<img src="http://placehold.it/350x150&text=4" />
</div>
<div class="item">
<img src="http://placehold.it/350x150&text=5" />
</div>
</div>
<div id="debug"></div>
</div>
CSS
BODY {
background-color: white;
}
JavaScript
var carousel = $('.owl-carousel').owlCarousel({
items: 1,
margin: 10,
nav: true,
dots: false,
loop: true,
navSpeed: 1500,
onChanged: function(event) {
$('#debug').html((event.item.index - (event.relatedTarget._clones.length / 2-1)) + '/' + event.item.count);
},
});