12 JQuery Mobile Layout -Plugins und Beispiele

12 JQuery Mobile Layout -Plugins und Beispiele erkunden! Diese Sammlung zeigt Plugins, die die Erstellung verschiedener und anpassungsfähiger mobiler Seitenlayouts, einschließlich geteilter Ansichten und Multi-Panel-Designs, vereinfachen. Diese Plugins passen sich dynamisch auf verschiedene Bildschirmgrößen und -orientierungen an.

verwandte Artikel:

• JQuery Mobile Device Detection
• Top 10 JQuery Mobile Features

1. JQM Multiview -Plugin

Ein JQuery Mobile Plugin zum Erstellen flexibler Panel -Layouts und -ansichten. Quelle & Demo

2. JQuery Mobile SplitView

Dieses Plugin passt die Seitenlayouts dynamisch an verschiedene Bildschirmgrößen und -orientierungen (Porträt/Landschaft) auf Tablets und Desktops an. Größen Sie die Größe Ihres Browsers oder drehen Sie Ihr Tablet, um es in Aktion zu sehen! Quelle & Demo

3. Multiview -Plugin

Ein Multiview -Beispiel, das 4 Panels und 16 Seiten demonstriert, die alle direkt in das DOM auf der Seite geladen wurden. Quelle & Demo

4. Multi-Page-Vorlage (Boilerplate)

Eine wiederverwendbare mehrseitige Vorlage zum Erstellen von JQuery Mobile-Websites. Im Gegensatz zu einseitigen Vorlagen bietet dies mehrere Seitenbehälter. Quelle & Demo

5. Mehrseitige Vorlage

Dieses Beispiel zeigt eine Technik zum Vorabstechen mehrerer Seiten, was zu schnelleren Ladezeiten für Unterseite führt. Quelle & Demo

6. jQuery Mobile mehrere Seiten

Ein Tutorial, das demonstriert, wie eine einfache mobile Site mit mehreren Seiten erstellt wird, entweder in ein einzelnes Dokument oder in separate Dateien eingebettet. Quelle & Demo

7. 960 Gitter auf Jquery-Mobile

Dies kombiniert die Flexibilität des 960 -Gittersystems mit der Leichtigkeit von JQuery Mobile und verbessert Layoutoptionen, insbesondere für Tablets. Quelle & Demo

8. Erstellen einer Tablet -Split -Ansicht für JQuery Mobile

Ein Screencast, der zeigt, wie eine geteilte Ansicht mit CSS aus der mobilen Jquery -Dokumentation erstellt wird. Quelle & Demo

9. jQuery Mobile und dynamische Seitengenerierung

Dieses Beispiel ist nützlich für Anwendungen, die HTML-Seiten oder -fragmente auf der clientseitigen Seite von Datenquellen wie JSON generieren. Quelle & Demo

10. Fixe Symbolleisten

Ermitteln Sie, wie Sie Symbolleisten erstellen, die oben oder unten im Ansichtsfenster behoben bleiben, auch wenn die Seiteninhalte -Scrollen. Quelle & Demo

11. app-ui

Eine Sammlung von UI -Komponenten zum Erstellen interaktiver Web- und mobiler Anwendungen mithilfe von HTML und JavaScript. Quelle & Demo

12. JQuery-Mobile-Plugin: Multiview

Dieses Plugin verfügt über Vollbildfußzeilen, Popover mit mehreren Panels und JQM -Seiten und einen Vollbildmodus für kleinere Bildschirme. Es wird auch von mobileinit für die Kompatibilität mit anderen Plugins entbindet. Quelle & Demo

Das obige ist der detaillierte Inhalt von12 JQuery Mobile Layout -Plugins und Beispiele. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!