2017-08-29 91 views
0

owl.carousel.js插件用於jquery幻燈片,第一次這個幻燈片顯示工作正常,但是當我在Firefox或鉻打開一個新的標籤,我看到自動播放幻燈片無效。自動播放幻燈片不工作時,在新標籤打開

演示: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,我拿了一個很多時間對於它 –

+0

我使用這個版本2.3.0,但這是行不通的 –

+0

我檢查了你的網站,你現在使用v2.2.1! –

0

我想你只需要通過點擊「播放」和「停止」,你不必按鈕刪除觸發器。

也許你需要保留owl.trigger('play.owl.autoplay', [1000]);在你的文檔就緒功能。

試試吧。現在我無法下載插件來嘗試。

+0

嗨,我的朋友,我也試過這個,但是當我打開一個新的標籤,這不工作,並停止, –

0

我的問題是這段代碼

的setInterval(函數(){owl.trigger( 'stop.owl.autoplay')解決; owl.trigger('玩。 owl.autoplay',[1000]);},24000);

我不知道爲什麼這個問題協議,但這些代碼解決