I want to use owl carousel like marquee but something is wrong at js. What is wrong in my codes?
<div class="like-marquee">
<div class="m-slide">
<ul>
<li>Marquee text 1</li>
<li>Marquee text 2</li>
<li>Marquee text 3</li>
<li>Marquee text 4</li>
<li>Marquee text 5</li>
</ul>
</div>
</div>
$('.m-slide ul').each(function () {
if ($(this).find("li").length > 0 && !$(this).hasClass("owl-carousel"))
$(this).owlCarousel({
lazyLoad:true,
loop:true,
margin:20,
nav:false,
dots:false,
autoplay: true,
slideTransition: 'linear',
autoplaySpeed: 5000,
responsive:{0:{items:1},600:{items:1}, 1000:{items:3}, 1200:{items:4},1500:{items:5}}
});
});
my fiddle link is ; https://jsfiddle.net/rtkv0L3g/