Wie man "slide" & amp; "Glitten" Ereignisse zum Karussell des Bootstrap-Toolkits?

Hier eine Geige mit einer Bootstrap-Karussell.
http://jsfiddle.net/jeykeu/5TDff/

Und hier ist die offizielle Dokumentation sagt nichts über event-Nutzung.
http://twitter.github.com/bootstrap/javascript.html#carousel

Ich dachte, das würde funktionieren, aber Nein:

     $('#carousel').bind('slide',function(){
            alert("Slide Event");
    });
Kommentar zu dem Problem

InformationsquelleAutor der Frage Junaid Qadir Shekhanzai | 2012-03-11

  1. 45

    Basierend auf Ihrer Geige #carousel ist falsch. Es sollte #myCarousel.

    Aktualisiert Beispiel:

    $('#myCarousel').carousel({
    interval: 2000
});

//Could be slid or slide (slide happens before animation, slid happens after)
$('#myCarousel').on('slid', function() {
    alert("Slide Event");
});​

    http://jsfiddle.net/infiniteloops/wPF3n/

    Mit Bootstrap 3

    http://jsfiddle.net/infiniteloops/wPF3n/252/

    InformationsquelleAutor der Antwort Gary.S

  2. 5

    Für Bootstrap 3 Implementierungen :

    Vor dem event

    $('#myCarousel').bind('slide.bs.carousel', function (e) {
       console.log('before');
});

    Nach der Veranstaltung

    $('#myCarousel').bind('slid.bs.carousel', function (e) {
       console.log('after');
});

    InformationsquelleAutor der Antwort Prashanth - codeforeach.com

  3. 0

    Alter Beitrag ich weiß, aber ich wollte zeigen beide schieben und rutschte mit dem .auf die Funktion.

    So, meine 2 Cent...
    JSFiddle

    $('#myCarousel').on('slide.bs.carousel', function (e) {
    $( '.carousel' ).removeClass('color-start');
    $( '.carousel' ).addClass('color-finish');
    $('#bind').html('Sliding!');
});

$('#myCarousel').on('slid.bs.carousel', function (e) {
    $( '.carousel' ).removeClass('color-finish');
    $( '.carousel' ).addClass('color-start');
    $('#bind').html('slid again!');
});

    'AddClass & removeClass' sind für den Spaß zu zeigen, dass etwas geschieht, und wenn. Auch können Sie diese zusammen mit animieren.css hinzufügen/entfernen die 'animierten' Klasse an Elemente .auf(Folie).

    $('#bind').html('Sliding!')

    Oben ist ich weiß nicht wie 'Warnungen' und zeigen Konsole.log kann ein Schmerz auf kleineren Bildschirmen.

    InformationsquelleAutor der Antwort Thumper

Schreibe einen Kommentar