Klasse hinzufügen, bereit, entfernen Klasse auf Mouseenter

Ich erstelle meine Portfolio-Website. Ich suche Klasse für Dokument bereit, und entfernen/ändern Sie diese Klasse in eine andere Klasse bei Hover. Ich benutze Lightgallery & CSS-Gram-Filter auf meine Bilder beim Laden und Hover. Zuvor habe ich eine Liste hinzugefügt. Leider hat es nicht gut für meine Bedürfnisse funktioniert. Previous code Klasse hinzufügen, bereit, entfernen Klasse auf Mouseenter

$("#gallery a").on({ 
    mouseenter : function() { 
    $(this).find(".nak-gallery-poster").removeClass("inkwell").addClass("mayfair"); 
    }, 
    mouseleave : function() { 
    $(this).find(".nak-gallery-poster").removeClass("mayfair").addClass("inkwell"); 
    } 
});

geändert ich die jQuery den Inhalt aus dem vorherigen Code übereinstimmen. Das hat nicht funktioniert. Bitte Hilfe. Mein CodePen

Quelle

2017-01-13 Kamalakannan

Ich sehe Fehler '$ lg ist nicht definiert' –

was genau ist das Problem mit Ihrem Codepen? – andi

scheint auf Maus eingeben Funktion funktioniert nicht wie erwartet. – claudios

hinzufügen entfernen Code

$lg.lightGallery(); 
    $lg.append(slide); 
    $lg.data('lightGallery').destroy(true); 
    $lg.lightGallery();

von Ihrem codepen, dann funktioniert alles in Ordnung

scheint wie Sie einige Plugin verpasst oder falschen Code platziert

Quelle

2017-01-13 05:56:12 muneebShabbir

Das Plugin ist von den Links – Kamalakannan

statt mit zwei Klasse bearbeiten Ihre css wie diese

.inkwell{ 
color: red; 
} 
.inkwell:Hover{ 
color: blue 
}

Dies ist einfacher und weniger chaotisch als jquery und Sie können Hintergrundfarbe und alle, was Sie wollen nach Ihren Bedürfnissen

Quelle

2017-01-13 05:49:51

Das Problem liegt in jQuery-Skript. – claudios

Ich weiß, was er will ...., er möchte, dass Klasse Tintenfass mit Klasse Mayfair ersetzt werden sollte, wenn jemand auf diesem Div schwebt, und css Hover Property ist einfachste Lösung für diese –

-4

Hallo Ich ging durch Ihren Code in Codepen und fand heraus, dass Sie nicht die Mouseenter und andere Methoden Methoden in document.ready (function() {.. enthalten .}. Ich wollte dies als Kommentar posten, aber sie lassen mich das nicht machen, da ich weniger als 50 Rep-Punkte habe.

Bitte fügen Sie diese Codes in document.ready hinzu und sie würden gut funktionieren. Ereignisse werden nicht registriert, da das Skript vor dem Laden des DOM ausgeführt wird.

Und ja $ lg ist undefined auch, aber andere haben es erwähnt, also habe ich es verlassen. jetzt hinzufügen.

Quelle

2017-01-13 06:00:00 rambo

als dieser Code enthalten In Codepen müssen wir das Dokument nicht einbinden, es nimmt es automatisch. Und $ lg ist ein Plugin, das heißt, das Plugin hat einen Link in js – Kamalakannan

Klasse hinzufügen, bereit, entfernen Klasse auf Mouseenter

Antwort

Verwandte Themen