2016-06-08 15 views
0

Ich habe ein Problem mit AfterAction Funktionen auf meinem Eulenkarussell. Das Problem ist, dass AfterAction: SyncPosition nicht funktioniert, wenn die Sekunde nach Aktion "Funktion (aktuell)" im Code ist. Wenn ich es lösche, funktioniert syncPosition.Wie man mit zwei afterActions in OwlCarousel spielt

Momentan kann ich keine Geige machen, aber vielleicht sehen einige von euch eine falsch geschriebene oder etwas darunter.

UPDATE // GESAMTE CODE

$(document).ready(function() { 
    $(".owl-carousel").owlCarousel({ 
    loop: false, 
    navigation: true, 
    pagination: true, 
    paginationSpeed: 1000, 
    singleItem: true, 
    transitionStyle: "mask", 
    autoHeight: true, 
    autoPlay: 10000, //Set AutoPlay to 3 seconds 
    navigationText : false, 
    afterAction: syncPosition, 
    afterAction: function(current) { 
     current.find('video').get(0).play(); 
    } 
    }); 

    function syncPosition(el) { 
    var current = this.currentItem; 
    // code for smooth transition 
    this.owl.owlItems.removeClass('turn-on'); 
    var t = this; 

    $(this.owl.owlItems[this.owl.currentItem]).addClass('turn-on'); 
    } 

}); 

$(window).scroll(function() { 
    if ($(this).scrollTop() > 80) { 
    $('.owl-pagination').addClass('hidden'); 
    } else { 
    $('.owl-pagination').removeClass('hidden'); 
    } 
}); 

Antwort

0

Ich habe

geändert
afterAction: function(current) { 
current.find('video').get(0).play(); 
} 

zu

afterInit: function(){ 
$("#sequence-1").find('video').get(0).play(); 

und beide syncPosition und .find('video').get(0).play(); arbeiten.