Das beste jQuery Mobile Pop-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,Beispiele,Pop-up schließen,Positionierung Pop,Beispiele,Übergang,Alle Instanzen von Übergangseffekten,Pop Richtung kleine Grenz,Beispiele,Pop-Dialog,Beispiele,Bild pop,Beispiele,Hintergrund Pop-Abdeckung,Beispiele,Beispiele, lernen
Ist eine sehr beliebte Pop-Dialog Pop-ups können auf der Seitenanzeige überlagert werden.
Pop-ups können einen Text, Bilder, Karten oder andere Inhalte angezeigt werden.
Erstellen Sie ein Pop, und die Notwendigkeit zu verwenden <a> <div> Element. Hinzufügen von Daten-rel = "Popup" Eigenschaft auf <a> Element, <div> Element-Daten-role = "Popup" Attribut hinzufügen. Dann geben wir id für das <div>, und stellen Sie dann den href-Wert <a> <div> angegebenen id. <Div> Der Inhalt ist Inhalt Pop-Display.
Hinweis: <div> Pop und klicken Sie auf <a> einen Link auf der gleichen Seite sein muss.
Wenn Sie Polsterung nach außen hinzufügen und aus dem Pop hinzufügen können "ui-content" Kategorie in der <div> in:
Standardmäßig klicken Pop Außenbereich oder drücken Sie die Taste "Esc" das Popup zu schließen. Wenn Sie nicht den Bereich außerhalb des Pop Pop-up schließen zu tippen möchten, können Daten-dismissible = "false" Attribut in der zusätzlichen (nicht empfohlen) hinzuzufügen. Sie können auch auf die Schaltfläche Schließen Pop hinzufügen, unter Verwendung von Daten-rel = "Zurück" -Taste auf dem Grundstück, und durch die Art der Position der Taste zu steuern.
Beschreibung | Beispiele |
---|---|
Schließen-Schaltfläche auf der rechten Seite | versuchen |
Schließen-Taste auf der linken Seite | versuchen |
Mit den Daten-dismissible Eigenschaft | versuchen |
Standardmäßig wird die Popup-Box direkt über Klick auf das Element angezeigt werden, wenn Sie die Position von Pop steuern müssen, können Sie die Daten-Position zu verwenden Attribut für Pop-Klicks auf den Link zu öffnen.
-Pop-Standorten auf drei Arten:
Eigenschaft Wert | Beschreibung |
---|---|
Daten-Position-to = "Fenster" | Popups in der Fenstermitte angezeigt |
Daten-Position-to = "# myid" | Popups auf den bekannten Elementen angezeigt #id |
Daten-Position-to = "Ursprung" | Default. Klicken Sie auf die Pop-Anzeigeelemente. |
Standardmäßig ist der Pop kein Übergangseffekt. Wenn Sie möchten , dass Sie Übergangseffekte hinzufügen können (über Daten-Übergang = "Wert" Attribut jQuery Mobile Transition ):
Wenn Sie ein wenig Pop Richtung der Grenze zu addieren müssen, können Sie die Daten-Pfeil-Eigenschaft und den Wert "l" (links) angeben, "t" (oben), "r" (rechts) oder "b" (unten):
Sie können Pop als ein Standard-Dialogfeld (den Kopf, und der Inhalt der unteren Markierung) hergestellt:
Sie können die Daten-Overlay-Thema Eigenschaften verwenden, nachdem Pop eine Hintergrundfarbe hinzufügen.
In der Standardeinstellung Abdeckung der Hintergrundfarbe transparent. Mit Hilfe von Daten-Overlay-theme = "a" einen hellen Hintergrund, verwenden Daten-Overlay-theme = "b" hinzufügen dunkle Hülle um den Hintergrund zu addieren:
Allgemeine Hintergrundbild Popups häufig überlagern:
Hinweis: Im nächsten Kapitel erfahren Sie , wie die Formulare im Pop zu verwenden.