2017-08-29 6 views
0

owl.carousel.js初めてjqueryスライドショーに使用されるプラグインですが、このスライドショーは正常に動作しますが、FirefoxまたはChromeで新しいタブを開くと、スライドショーを再生できません。新しいタブで開いたときに自動再生のスライドショーが機能しない

デモ:http://minimoviez.info/ デモ:https://owlcarousel2.github.io/OwlCarousel2/demos/autoplay.html

$(document).ready(function() { 
    var owl = $('.owl-carousel'); 
    owl.owlCarousel({ 
     items: 5, 
     loop:true, 
     margin: 10, 
     autoplay: true, 
     stopOnHover : false, 
     autoplayTimeout: 1000, 
     responsive:false, 
     dots: false 
    }); 

    $('.play').on('click', function() { 
     owl.trigger('play.owl.autoplay', [1000]) 
    }); 
    $('.stop').on('click', function() { 
     owl.trigger('stop.owl.autoplay') 
    }); 
}); 
+0

ここで作業デモをアップロードできますか? –

+0

これはデモhttps://owlcarousel2.github.io/OwlCarousel2/demos/autoplay.html –

答えて

0


このバグは報告されており、新しいバージョンで修正されています。 bug reported link
スクリプトを最新バージョンに更新するだけです。
このリンク:
Owl Carousel v2.3.0

+0

TNX、私が取りました私はこのバージョン2.3.0を使用しますが、これは私があなたのウェブサイトをチェックし –

+0

のために多くの時間、あなたは今v2.2.1を使用しています!私はこのバージョンが動作していないことを確認したときに –

+0

が動作していないこと –

0

私はあなただけの「遊び」と「停止」あなたが持っていないボタンクリックすることでトリガーを削除する必要があると思います。

多分owl.trigger('play.owl.autoplay', [1000]);を文書の準備が整った状態に保つ必要があります。

はそれを試してみてください。今は試してみるためにプラグインをダウンロードできません。

+0

こんにちは私の友人で、私もこれを試してみましたが、私は新しいタブを開いたときに、これは動作しないと停止し、 –

0

私の問題は、このコード

のsetInterval(関数(){owl.trigger( 'stop.owl.autoplay')によって解決した。 owl.trigger( '遊び。 owl.autoplay '、[1000]);}、24000);

私はこの問題の合意が、なぜこのコードで解決されたのか分かりません。

関連する問題