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    

Artikel empfehlen

HTML-Tutorial, leicht zu erlernende HTML-Sprache (2)

*******************Einführung in die HTML-Sprache ...

So löschen Sie den Timer elegant in Vue

Inhaltsverzeichnis Vorwort Optimierung Ableitungs...

Analyse und Praxis des serverseitigen Rendering-Prinzips von React

Die meisten Leute haben schon einmal vom Konzept ...

Detaillierte Erläuterung des mobilen Projekts vite2.0 + vue3

1. Technische Punkte Vite-Version vue3 ts Integri...

So erstellen Sie WeChat-Spiele mit CocosCreator

Inhaltsverzeichnis 1. Laden Sie die WeChat-Entwic...

Was ist SSH? Wie benutzt man? Was sind die Missverständnisse?

Inhaltsverzeichnis Vorwort Was ist SSH? Wofür wir...

So implementieren Sie den Selbststart eines Docker-Containers

Container-Autostart Docker bietet einen Neustartr...

Detailliertes Tutorial zur Verwendung von stimulsoft.reports.js mit vue-cli

vue-cli verwendet stimulsoft.reports.js (Tutorial...

Lösung für das Fehlerproblem bei der Remote-Verbindung von Vscode zu Ubuntu

1. Hintergrund des Vorfalls: Aus Arbeitsgründen m...