Wie man einen Dialog für Ihre Seite

Sie können ein Dialogfeld für Ihre Web-Seite mit jQuery, eine JavaScript-Bibliothek und seine zusätzliche Bibliothek jQuery-UI-Framework bilden. Zusammen bieten diese beiden Frameworks Benutzern die Möglichkeit zum Hinzufügen von Schaltflächen, Akkordeons, Datepickers, Dialoge und andere Tools grundlegende Benutzeroberfläche. Ein Dialogfenster auf einer Webseite als Reaktion auf Benutzereingaben, wie z. B. eine Schaltfläche klicken. Ein Dialogfeld können Sie kommunizieren zusätzliche Informationen zu einem Benutzer, häufig in Form einer kurzen Nachricht wie "Anmeldung erfolgreich" oder "Bitte warten Sie, während wir Ihre Kreditkarteninformationen bestätigen."

Anweisungen

1 Öffnen Sie die Webseite im Texteditor oder Entwicklungsumgebung Ihrer Wahl und öffnen Sie die Datei, die ein Dialogfeld erfordert.

2 Fügen Sie hinzu, wenn Sie nicht bereits getan haben, Verweise auf die jQuery und jQuery UI-Dateien, die ein Content-Delivery-Netzwerk nutzen.

< Script mit der ID "MyDialogBoxDiv."

Enthalten Sie Text für das Dialogfeld in der Absatzelement.

< Div Id = "MyDialogBoxDiv" >

< p > Sie ein Kennwort zum Öffnen Ihres Kontos eingeben müssen.

</p >

< / Div >

4 Wählen Sie die "MyDialogBoxDiv" mit jQuery und initialisieren Sie ein Dialogfeld mit der '.dialog()'-Funktion, die von der UI-Framework zur Verfügung. Fügen Sie einen Titel mit der "Titel"-Eigenschaft des Dialogelement, Ersatz für den Text "Ihre Dialog-Titel" im folgenden Beispiel:

$("#myDialogBoxDiv") .dialog ({Titel: 'Ihre Dialog-Titel'});

Tipps & Warnungen

• Überprüfen Sie die jQuery-UI-Dokumentation für andere Methoden und Eigenschaften des Dialog-Objekts.