2017-09-19 2 views
3

Ich habe einen Schieberegler und es ändert automatisch den Inhalt.Auslösen eines Ereignisses nach dem Hinzufügen einer Klasse in Jquery

Hier, wenn der Schieberegler funktioniert, wird diese Folie-aktive Klasse automatisch zur nächsten Folie geändert.

Was ich brauche ist, muss ich ein Ereignis auslösen, wenn Slide aktive Klasse geändert wird. Zum Beispiel muss ich den entsprechenden Wert data-num Wert der aktiven Folie alarmieren.

Wie kann ich das tun?

+0

der Ort, wo Sie hinzufügen 'Dia-active' Klasse zum nächsten Element hilft, dort können Sie auslösen. – Durga

+0

Welches Slide-Plugin verwendest du? –

+0

Verwenden Sie ein jQuery-Plugin für die Diashow? Wenn ja, dann hat es wahrscheinlich ein Ereignis wie 'onSlide' (oder etwas ähnliches), wo Sie die' Daten-Nummer' der Folie bekommen können. – dork

Antwort

-1

Wenn ID nicht falsch verstanden hat, bewegt sich der Code bereits slide-active Klasse auf die nächste Folie, oder? also für den Slider benötigen Sie eine for-Schleife und Sie setzen var i und fügen jedes Mal ein hinzu. (Beginnen Sie von 0 Index Num bis zu Ihrer slide Klassennummer) Sie sollten das Alarmereignis in der for-Schleife hinzufügen, so dass bei jeder Änderung die Alert ausgelöst wird.

könnte dies ein wenig verwirrend, so sein plz Ihr JS-Code hinzufügen, so kann ich u helfen, besser

Glück

1

Da Sie verwenden FlexSlider die Original-Dokumentation. Es hat ein Ereignis namens after, das ausgelöst wird, wenn eine Folie animiert wird.

$(".main-slider").flexslider({ 
    after: function(){ 
    alert($(".slide-active:eq(0)").attr("data-num")); 
    } 
}); 

Hoffnung könnte dies ...

Lesen Sie mehr über hier https://github.com/woocommerce/FlexSlider/wiki/FlexSlider-Properties

+0

aus irgendeinem Grund nach funktioniert nicht. Startfunktion funktioniert. Deshalb habe ich hier gepostet. Wie können wir dies erreichen ohne .flexslider –

+0

Sie müssen Ihren Flex-Slider-Initialisierungsklassennamen verwenden. In Ihrem Fall ist es Haupt-Slider – Thusitha

Verwandte Themen