Wie entferne ich die Schaltfläche „Schließen' in einem jQuery-UI-Dialogfeld mithilfe von CSS?

Das Anzeigen von Daten in sortierter Reihenfolge auf HTML-Webseiten ist eine mühsame Aufgabe. Dialogfelder werden verwendet, um Informationen in einer darstellbaren Form auf einer Webseite anzuzeigen. Ein Dialogfeld ist ein schwebendes Fenster, das einen Titel und Inhalt enthält. Mit der jQuery-Benutzeroberfläche können Entwickler einfache und benutzerfreundliche Dialogfelder für Websites erstellen. In diesem Artikel besprechen wir, wie Sie jQuery-UI-Dialogfelder erstellen und wie Sie die Schaltfläche „Schließen“ in diesen Feldern entfernen.

Lassen Sie uns zunächst das Dialogfeld der jQuery-Benutzeroberfläche verstehen.

jQuery-UI-Dialog

jQuery Dialog() können Entwickler ein einfaches Dialogfenster im Ansichtsfenster erstellen, das vom Seiteninhalt nicht beeinflusst wird. dialog() Methode wird verwendet, um dem Browser mitzuteilen, dass jedes HTML-Element in Form eines Dialogfelds angezeigt werden kann. Es besteht aus einer Titelleiste und einem Inhaltsbereich. Standardmäßig kann es über die Schließen-Schaltfläche (x) verschoben, in der Größe geändert und gelöscht werden.

Grammatik

$(selector, context).dialog (options);

Parameter

• Titel− Es ermöglicht Entwicklern, den im Dialogfeld angezeigten Titel zu bestimmen.

• Breite – Damit können Entwickler die Breite des Dialogfelds festlegen.

• Position – Es ermöglicht Entwicklern, die Anfangsposition des Dialogs festzulegen.

• Höhe – Entwickler können die Höhe des Dialogfelds festlegen.

• Button – Wird zum Hinzufügen von Schaltflächen zu Dialogfeldern verwendet.

• Max-height – Bestimmen Sie die maximale Höhe des Dialogfelds

• Max-width – Bestimmen Sie die maximale Breite des Dialogfelds

• Mindesthöhe – Bestimmen Sie die Mindesthöhe des Dialogfelds

• Mindestbreite – Bestimmen Sie die Mindestbreite des Dialogfelds

• Appendto – Wenn diese Option auf „false“ gesetzt ist, können wir verhindern, dass die UIdraggable-Klasse zur Liste der HTML-DOM-Elemente hinzugefügt wird.

• Automatisch öffnen – Wenn diese Option aktiviert bleibt, wird das Dialogfeld geöffnet, sobald es erstellt wird. Bei „false“ wird beim Aufruf ein Dialogfeld geöffnet.

Schritte, die Sie befolgen müssen

Hier sind die Schritte, die Sie befolgen sollten, um ein JQuery-Dialogfeld zu erstellen.

Schritt 1 – Fügen Sie jQuery und jQuery UI CDN zum Code im