Owl carousel 2 url转换问题



在幻灯片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中的数据散列部分,它将开始工作

相关内容

  • 没有找到相关文章

最新更新