在幻灯片1和4之间使用prev按钮滑动旋转木马时,我遇到了一个过渡问题。
JSFiddle
继续点击上一键,你就会看到问题了。
我感觉是data-hash属性导致了这个问题。
HTML<div class="owl-carousel owl-theme">
<div class="item" data-hash="1">1</div>
<div class="item" data-hash="2">2</div>
<div class="item" data-hash="3">3</div>
<div class="item" data-hash="4">4</div>
</div>
<div class="links">
<a href="#1">1</a>
<a href="#2">2</a>
<a href="#3">3</a>
<a href="#4">4</a>
</div>
Javascript $(document).ready(function(){
$('.owl-carousel').owlCarousel({
items:1,
loop:true,
nav:true,
navText:['<span class="prev">prev</span>','<span class="next">next</span>'],
margin:10,
URLhashListener:true
});
});
只需删除所有四个div中的数据散列部分,它将开始工作