Heute bin ich auf ein sehr seltsames Problem gestoßen und habe es selbst gelöst

Heute bin ich auf ein sehr seltsames Problem gestoßen und habe es selbst gelöst
...Es ist so, heute wollte ich ein Popup-Fenster machen,

Die mir vom Backend-PHP zugewiesene Aufgabe ist für mich für ein solches Problem bereits sehr einfach, da ich sie nicht weniger als dreimal gemacht habe. Der Schlüssel liegt darin, das Prinzip der Popup-Fenster zu kennen.


Klicken Sie auf .youkeli, um .youkelogin anzuzeigen. Klicken Sie im Popup-Fenster auf .close1, um es zu schließen und zur Seite zurückzukehren.

Natürlich liegt das Problem, von dem ich spreche, nicht hier, sondern darin, dass ich Youkeli an Li gegeben habe, und als ich auf die Schaltfläche „Schließen“ geklickt habe, konnte es nicht geschlossen werden und wechselte ständig zwischen schwarzen und nicht schwarzen Bildschirmen. Ich war sprachlos.

Nach langem Versuchen habe ich endlich den Grund gefunden und die Klasse .youkeli zu A hinzugefügt. Das Ergebnis war erfolgreich und es konnte geschlossen werden.

Ursprünglich wollte ich einen Experten um eine Lösung bitten, später habe ich die Ursache aber selbst herausgefunden.

Zusammenfassend lässt sich sagen, dass der Klickeffekt von li immer so schlecht ist. Außerdem sollte auf den href ### folgen, ein toter Link, statt #, das nach oben springt, also ist das auch ein Detail.

<<:  Maven-Projekte schneller in Docker erstellen

>>:  Teilen Sie 13 hervorragende Web-Wireframe-Design- und Produktionstools

Artikel empfehlen

Tiefgreifendes Verständnis der sieben Kommunikationsmethoden von Vue-Komponenten

Inhaltsverzeichnis 1. Requisiten/$emit Einführung...

Zusammenfassung der Erfahrungen und Fähigkeiten im Webdesign

■ Planung des Website-Themas Achten Sie darauf, da...

Vue+Swiper realisiert Timeline-Effekt

In diesem Artikel wird der spezifische Code von v...

Eine detaillierte Einführung in die CSS-Namensspezifikation BEM von QQtabBar

BEM von QQtabBar Zunächst einmal: Was bedeutet BE...

Details zu gängigen Javascript-Funktionen höherer Ordnung

Inhaltsverzeichnis 1. Gemeinsame Funktionen höher...

Über Front-End JavaScript ES6 Details

Inhaltsverzeichnis 1. Einleitung 1.1 Babel-Transc...

Detaillierte Erklärung des Loop-Formularelementbeispiels in Vue

Manchmal stoßen wir auf eine solche Anforderung, ...

Syntax-Alias-Problem basierend auf Löschen in MySQL

Inhaltsverzeichnis MySQL-Löschsyntax-Aliasproblem...

js realisiert das dynamische Laden von Daten durch Wasserfallfluss

In diesem Artikel erfahren Sie den spezifischen C...

Detaillierte Einführung in das benutzerdefinierte Docker-Netzwerk

Inhaltsverzeichnis Benutzerdefiniertes Docker-Net...

So implementieren Sie die JavaScript-Ausgabe der Fibonacci-Folge

Inhaltsverzeichnis Thema analysieren Basislösung ...