2016-09-02 10 views
1

JSFiddleフクロウカルーセル2 urlhash遷移問題

が前をクリックしてください、あなたは、問題が表示されますスライド1と4の間PREVボタンを使用して、私のカルーセルをスライドさせたときに、私は移行の問題を抱えています。

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

答えて

0

ただ、4つのすべてのdivにデータのハッシュ部分を削除し、それが作業を開始します

+0

https://jsfiddle.net/wdw714pL/ 3/ –

+0

しかし、スライダーをナビゲートするのに1,2,3,4のボタンを使用するにはそれらが必要です –

関連する問題