7 Awesome JQuery Mobile Plug-Ins, um Ihre mobilen Webseiten noch besser zu machen!

Jetzt sind Smartphones mit effizienten Webbrowsern ausgestattet. Die folgenden Plug-Ins machen Ihr mobiles Ger?t bequemer! Verwandte Artikel:

• 4 JQuery Mobiler Preis Slider (Bereichsauswahl)
• 50 JQuery Mobile Entwicklungstipps

1. JQuery Wiggle Plug-In: Bringt Schütteln von Effekten auf mobile Ger?te

JQuery Wiggle ist ein JQuery-Plug-In, das den zitternden Effekt des iPhone simuliert, wenn Sie an einem Symbol festhalten. Klicken Sie in der Demo auf das Bild, um den Effekt anzuzeigen.

Quellcode -Demo 2. Design/Entwicklung mobiler Anwendungen: Navigation mit JQuery

Dieses Tutorial zeigt, wie Sie eine mobile Website/WebApp erstellen. Wir werden CSS3 -Medienabfragen verwenden, um bestimmte Ger?te und Bildschirmaufl?sungen zu finden. Darüber hinaus hilft ein jQuery -Code, Menüs zu belasten und externe Seiteninhalte mithilfe von Ajax -Aufrufen zu laden.

Quellcode Demo 3. JQTouch: Zepto/JQuery Plug-In für mobile Webentwicklung

Dies ist ein JavaScript-Plug-In, das mit Zepto.js oder JQuery funktioniert und reibungslose Animationen, Navigation und Themen für mobile Webkit-Browser (wie Browser in iOS, Android, Blackberry und Webos) bietet.

Quellcode Demo 4. Wunderbare jQuery Mobile Bildbibliothek Webanwendung

In unserer App werden einige Alben in einer Listenansicht angezeigt, und nach Klicken wird eine Miniaturansicht angezeigt.

Quellcode Demo 5. JQuery Mobile Diagramm

Es ist die intuitivste M?glichkeit, numerische Daten in grafischer Form anzuzeigen. Leider verfügt Jquery Mobile selbst keine integrierten Chart-Funktionen, und soweit ich wei?, gibt es kein Jquery Mobile-Charting-Plugin. Glücklicherweise basiert JQuery Mobile auf JQuery und verfügt über mehrere Chart -Plugins.

Quellcode Demo 6. JQMPHP: HTML -Codegenerator für Jquery Mobile Framework

JQMPHP ist ein Satz von PHP -Klassen, die die Erstellung von HTML -Dateien für das mobile Jquery -Framework vereinfachen. Alle Klassen im JQMPHP -Paket k?nnen in Zeichenfolgen konvertiert und mit der Echo -Funktion gedruckt werden.

Quellcode Demo 7. Mobile Navigation JQuery Plugin

sehr einfach. Wenn Sie eine Art Navigation für Ihr Mobilger?t (Bildschirmbreite weniger als 480 Pixel) mit einem Dropdown-Menü ersetzen m?chten, haben Sie festgestellt, wonach Sie suchen.

Quellcode -Demo -FAQs über Jquery Mobile Plugin

Was sind die empfohlenen JQuery Mobile -Plugins?

Einige jQuery-Mobilfunk-Plug-Ins sind für ihre Funktionalit?t und Benutzerfreundlichkeit dringend empfohlen, wie z. JQuery Mobile DateBox (Datums- und Uhrzeitauswahl), ISCROLL (Smooth Scrolling für mobile Webanwendungen), JQuery Mobile Pagination (mobilfreundliches Paging-System).

Wie ich mit JQuery Mobile Plugin beginnen kann?

Integrieren Sie zuerst die JQuery -Bibliothek in das Projekt. Laden Sie dann das Plugin herunter, das Sie verwenden m?chten. Die meisten Plugins sind mit Anweisungen zur Verwendung geliefert.

Kann das JQuery Mobile-Plug-In mit JQTouch verwendet werden?

Ja. JQTouch ist ein JQuery Mobile Web Development-Plug-In, das Animation und automatische Navigation ?hnlich wie native Anwendungen bietet und mit den meisten JQuery-Mobilfunk-Plug-Ins kompatibel ist.

Wie erstelle ich einen einfachen Twitter -Client mit JQTouch?

erfordert mehrere Schritte: Richten Sie das Projekt ein und erstellen Sie die JQTouch -Bibliothek. Weitere Informationen finden Sie Informationen.

Was sind die Ressourcen zum Erlernen von JQuery Mobile Plug-In?

Die offizielle JQuery-Website bietet umfassende Dokumentation, Tutorials und Beispiele.

Wie kann Probleme mit dem Jquery Mobile Plug-In Fehler beheben?

überprüfen Sie die Konsole auf Fehlermeldungen.

K?nnen Sie Jquery Mobile Plug-In anpassen?

Ja. Die meisten Plugins k?nnen angepasst werden, indem Pluginoptionen ge?ndert oder ihre Standardstile mit ihrem eigenen CSS überschreiben.

Ist das JQuery Mobile Plug-in mit allen mobilen Ger?ten kompatibel?

Die meisten Plugins sind so konzipiert, dass sie mit verschiedenen mobilen Ger?ten kompatibel sind. Die Kompatibilit?t variiert jedoch je nach Plugins und den spezifischen Funktionen, die sie bereitstellen. Es wird empfohlen, das Plug-In auf verschiedenen Ger?ten zu testen.

Wie aktualisiere ich JQuery Mobile Plug-In?

beinhaltet normalerweise das Herunterladen der neuesten Version und das Ersetzen alter Dateien. Weitere Anweisungen finden Sie in der Plugin -Dokumentation.

Kann das JQuery Mobile-Plug-In in nicht mobilen Webanwendungen verwendet werden?

Ja, obwohl sie für mobile Webanwendungen ausgelegt sind, k?nnen viele Plug-Ins auch in nicht mobilen Webanwendungen verwendet werden. Einige Merkmale funktionieren jedoch m?glicherweise nicht wie erwartet oder sind in nicht mobilen Umgebungen nicht erforderlich.

Das obige ist der detaillierte Inhalt von7 ziemlich coole jQuery Mobile Plugins. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!