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

Ein Beispiel für den Unterschied zwischen den ID- und Name-Attributen in der Eingabe

Ich erstelle schon lange Websites, habe aber immer...

Detaillierte Erklärung der MySQL-Gruppierung durch Optimierung

Inhaltsverzeichnis Standardausführungsprozess Opt...

Detaillierter Prozess und häufige Probleme bei der VMware15-Installation von CentOS7 (Bild und Text)

1. Vorbereitung des Installationspakets VMware-pl...

Analyse der MySql-Indexnutzungsstrategie

MySql-Index Indexvorteile 1. Sie können die Einde...

Lernen Sie die Grundlagen der JavaScript-DOM-Operationen in einem Artikel

DOM-Konzepte DOM: Dokumentobjektmodell: Das Dokum...

Das Prinzip und die grundlegende Verwendung von Vue.use() in Vue

Inhaltsverzeichnis Vorwort 1. Verstehen mit Beisp...

Detaillierte Erklärung zur Abfrage von Feldern im JSON-Format in MySQL

Während des Entwicklungsprozesses trat eine Anfor...

Detaillierte Erklärung des Vue-Mixins

Inhaltsverzeichnis Lokales Mixin Globale Mixins Z...

So verwenden Sie das Videowiedergabe-Plugin DPlayer.js

Das Videoplayer-Plugin DPlayer.js ist einfach zu ...

So begrenzen Sie die Anzahl gleichzeitiger Verbindungsanforderungen in Nginx

Einführung Das Modul, das die Anzahl gleichzeitig...

So beheben Sie den Verbindungsfehler zur Datenbank beim Start von ServerManager

Servermanager-Startfehler bei Verbindung zur Date...

JavaScript implementiert coole Mouse-Tailing-Effekte

Nachdem Sie sich das angesehen haben, garantiere ...

Überblick über die grundlegenden Bestandteile von HTML-Webseiten

<br />Die Informationen auf Webseiten besteh...

So implementieren Sie das Strategiemuster in Javascript

Inhaltsverzeichnis Überblick Code-Implementierung...

11 allgemeine CSS Tipps und Erfahrungssammlung

1. Wie entferne ich den leeren Bereich von einigen...