Heim > Web-Frontend > CSS-Tutorial > Wie löst man mit jQuery Ereignisse bei CSS-Klassenänderungen aus?

Wie löst man mit jQuery Ereignisse bei CSS-Klassenänderungen aus?

Susan Sarandon
Freigeben: 2025-01-05 15:23:40
Original
255 Leute haben es durchsucht

How to Trigger Events on CSS Class Changes with jQuery?

Ereignisse bei CSS-Klassenänderungen mit jQuery auslösen

Wie kann man mit jQuery ein Ereignis auslösen, wenn eine CSS-Klasse hinzugefügt oder geändert wird? Löst das Ändern einer CSS-Klasse das Ereignis „change()“ in jQuery aus?

Während das Ereignis „change()“ von jQuery speziell mit Eingabeelementen verknüpft ist und ausgelöst wird, nachdem der Fokus eine Eingabe mit geänderten Daten verlassen hat, gibt es eine Problemumgehung, um die CSS-Klasse zu erkennen Änderungen.

Um dies zu erreichen, können Sie trigger() verwenden, um ein benutzerdefiniertes Ereignis auszulösen, wenn eine Klasse in Ihrem Skript geändert wird:

$(this).addClass('someClass');
$(mySelector).trigger('cssClassChanged')
....
$(otherSelector).bind('cssClassChanged', data, function(){ /* Do stuff here */ });
Nach dem Login kopieren

Dies ermöglicht es Ihnen, Ihr eigenes benutzerdefiniertes Ereignis zu erstellen und Handler daran zu binden, um bestimmte Funktionen zu gewährleisten, wenn eine Klasse in Ihrem Code geändert wird.

Das obige ist der detaillierte Inhalt vonWie löst man mit jQuery Ereignisse bei CSS-Klassenänderungen aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage