jQuery-cycle2 nach Funktion

Wie können wir hinzufügen, nach, vor call-back-Funktion im neuen jQuery Zyklus ,
Hier Links http://jquery.malsup.com/cycle2

Ich arbeite mit jQuery cycle(alte version), aber ich weiß nicht, wie das umzusetzen, cycle2(neue version)

http://jsfiddle.net/3vjgJ/2/

Beispiele von jQuery-code von der alten version-Zyklus (check nach Funktionscode )

$('#mySlideshow').cycle({ 
    fx:     'scrollHorz', 
     after: function() {
        $('ul li').removeClass('test');
        $(this).addClass('test') 
    }
});

<ul id="mySlideshow" class="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-slides="li" data-cycle-timeout="0" data-cycle-prev=".prev" data-cycle-next=".next">
   <li><img src="http://placehold.it/350x150" alt=""></li>
   <li><img src="http://placehold.it/350x150" alt=""></li>
</ul>
<a href=# class="prev">Prev</a>
<a href=# class="next">Next</a>
</ul>
InformationsquelleAutor ShibinRagh | 2013-07-11
  1. 4

    Cycle2 ist anders zu Zyklus, wenn Sie Lesen FAQ bisschen auf der website.
    In Cycle2 after Funktion wird nicht mehr verwendet.
    Wenn Sie fügen Sie die folgende Zeile in Ihrem code sollte es funktionieren:

    $('#mySlideshow').on('cycle-after',function(e, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag){
    $('ul li').removeClass('test');
    $(incomingSlideEl).addClass('test') 
});

    Können Sie entfernen Sie die 

    after: function() {
    $('ul li').removeClass('test');
    $(this).addClass('test') 
}

    Auch, Cycle2 funktioniert ohne die $('#mySlideshow').cycle({ .. }) bit.

    So können Sie nur haben

    $('#mySlideshow').on('cycle-after',function(e, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag){
    $('ul li').removeClass('test');
    $(incomingSlideEl).addClass('test') 
});

    und alles sollte funktionieren. http://jsfiddle.net/3vjgJ/12/

    • ich bin versucht, hinzuzufügen/entfernen Sie die Klasse "test", sollte es auf der Arbeit posten<li> - tag), Irgendeine Idee ?
    • Und ich vermute, das Sie entfernen möchten test aus allen <li> - tags und fügen Sie den test zu den aktuellen <li> Recht? Ich habe mein edit beantworten, einen Blick zu haben. Es sollte so funktionieren.
    • Du hast Recht , aber seine nicht funktioniert , ich habe in firebug
    • Habe die Geige nicht funktioniert? Ich sah, dass es war ein bisschen code fehlt. Aktualisiert haben die fiddle link jsfiddle.net/3vjgJ/12
    InformationsquelleAutor putvande
Schreibe einen Kommentar