Durch die direkte Verwendung von SVG im HTML-Markup kann ich die Rolle nicht einer Schaltfläche zuweisen oder den gewünschten Hover-Effekt erzielen

Ich habe einen Container mit einem Symbol, das zwei Funktionen erfüllen soll: Wie eine Schaltfläche fungieren (über Tastatur/Screenreader usw. zugänglich) Rot werden bei Hover/Fokus Wenn ich das SVG direkt im Markup verwende, hat der Hover den Stopp-Effekt Funktioniert wie erwartet, aber ich kann di...

P粉940538947 2023-09-06 20:29:59 0  1  591

Fügen Sie :Hover-Effekte dynamisch zu mehreren Elementen hinzu

Ist es möglich, programmgesteuert einen Hover-Effekt zu mehreren Elementen hinzuzufügen? In unserem System, in dem es mehrere Elemente gibt, die eine einzelne Einheit darstellen (aber aus anderen Gründen in mehrere Elemente aufgeteilt werden müssen), sollten sie in manchen Fällen beim Schweben gemei...

P粉203792468 2023-08-15 23:49:58 0  1  513

Mouseover-Effekt auf Vue- und Vuetify-Komponenten

Also habe ich versucht, den Mouseover-Effekt wie im Beispiel im folgenden Artikel gezeigt nachzubilden: https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330 Aber in meinem Fall möchte ich Vue verwenden .js, um den Hover-Effekt auf die V-Karte aus der Vuetify-Bibliothek an...

P粉032649413 2024-03-27 16:31:16 0  1  448

Rails Javascript – Die Konvertierung von jQuery in Javascript funktioniert mit Rails 7 nicht

Rails7 mit Turbo/Hotwire. Ich verwende Code wieder, der aus einem alten Projekt aus dem Jahr 2018 kopiert wurde. Dieser Code/jQuery ist für das Info-Popup: $(document).ready(function(){$('#info').hover(function(){$('#popup').show();},function (){$('#popup').hide();});});Nach dem Umschreiben von Java...

P粉436688931 2024-01-16 22:01:23 0  1  530

javascript – So skalieren Sie die linke Navigation

Klicken Sie auf die Schaltfläche und es wird Folgendes angezeigt: Wird dies mithilfe eines Plugins durchgeführt? Was sollte der Hover-Effekt sein, wenn Native verwendet wird?

三叔 2017-06-30 09:59:54 0  1  826

javascript - Die Bildlaufleiste verdeckt die Hover-Popup-Ebene?

Nach dem Hinzufügen der Bildlaufleiste verdeckt die Bildlaufleiste die Popup-Ebene auf der rechten Seite und ist nicht sichtbar. Nach dem Entfernen der Bildlaufleiste ist der Inhalt sichtbar. Wie soll dieses Problem gelöst werden? (Kann nicht angezeigt werden) (Sie können die Popup-Ebene sehen) Bitt...

曾经蜡笔没有小新 2017-05-19 10:47:52 0  4  833

So implementieren Sie den Hover-Effekt der Navigationsleiste

Ich arbeite an meiner vertikalen Navigationsleiste. Der Name dieses Symbols sollte rechts sichtbar sein. Der Name soll sich auch von Weiß auf Schwarz ändern, wenn sich die Maus über dem Symbol befindet, aber das funktioniert nicht. Ich habe versucht, die Tags zu ändern, um zu sehen, ob das hilft. Ic...

P粉041758700 2024-01-10 18:06:56 0  1  442

javascript - Wie erreicht man einen reibungslosen Wechsel zwischen Popup-Fenstern in JS?

Wenn Sie beispielsweise auf eine Seite klicken, wird ein Popup-Fenster angezeigt. Der Inhalt des Popup-Fensters enthält eine Schaltfläche, und durch Klicken wird ein Dialogfeld angezeigt Pop-up-Effekt, aber ein fließender Übergang.

世界只因有你 2017-05-18 10:56:53 0  7  692

Der Hover-Effekt des Menüelements deckt die gesamte Seitenhöhe ab

Ich entwickle die linke Navigation. Ich möchte, dass der rote Balken beim Schweben vor dem Menüpunkt angezeigt wird. Dies funktioniert für das Element „Home“ und seine Unterelemente, andere Stammelemente führen jedoch dazu, dass sich beim Hover ein roter Balken über die gesamte Breite der Seite von ...

P粉029327711 2024-02-04 00:36:46 0  2  371

Warum verliert mein Bootstrap 5-Popup die Fähigkeit, den Fokus zu öffnen, nachdem es das Modal, in dem es sich befand, geschlossen und erneut geöffnet hat?

Ich habe ein Problem mit meinem Bootstrap5-Modal und dem darüber platzierten Popup. In meinem HTML habe ich Folgendes und wenn der Benutzer mit der Maus über die Schaltfläche fährt, wird sie korrekt angezeigt. Das Popup zeigt die Eingabeaufforderung „Sind Sie sicher?“ an und fordert den Benutzer auf...

P粉022501495 2024-03-28 23:27:50 0  1  410

Deaktivieren Sie den Hover-Effekt des V-Kontrollkästchens in Vuetify 2

Wenn Sie in Vuetify2 mit der Maus über ein V-Kontrollkästchen fahren, erscheint ein abgeblendeter Kreis hinter dem Kontrollkästchen. Ich möchte, dass es nicht angezeigt wird. Derzeit ist mein V-Kontrollkästchen in V-Tab und V-Tooltip eingeschlossen. Ich bezweifle, dass es wichtig ist, aber es ist mö...

P粉826429907 2023-09-03 20:25:54 0  1  571