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

Docker startet im Status „Beendet“

Nach dem Docker-Lauf ist der Status immer „Beende...

Die unangemessenen MaxIdleConns von MySQL führen zu kurzen Verbindungen

1 Hintergrund Vor kurzem sind im Online-Geschäft ...

So ändern Sie die Standardcodierung von MySQL in Linux

Wenn während des Entwicklungsprozesses nach der W...

js-Version zur Realisierung der Rechnerfunktion

In diesem Artikelbeispiel wird der spezifische Co...

Linux nutzt duale Netzwerkkartenbindung und Schraubendreherschnittstelle

Was ist eine Bindung? NIC-Bond ist eine Technolog...

Detaillierte Erklärung des Mindestbreitenwerts von Inline-Blöcken in CSS

Vorwort Vor kurzem habe ich mir abends etwas Zeit...

Die Fallstricke beim Erlernen von Vue.js

Inhaltsverzeichnis Klasse void zeigen ES6-Pfeilfu...

Alibaba Cloud Ubuntu 16.04 baut IPSec-Dienst auf

Einführung in IPSec IPSec (Internet Protocol Secu...