Question

使用幻灯片1和4之间的上拉按钮滑动我的轮播时出现转换问题。

继续点击上一步，您会看到问题。

我感觉数据哈希属性导致了这个问题。

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
    });
});

Answer 1

只需删除所有四个div中的数据哈希部分，它就会开始工作

猫头鹰旋转木马2 urlhash过渡问题

1 个答案: