Ich bin neu in der mobilen Webentwicklung und habe gerade eine mobile App mit PhoneGap erstellt, bei der jQuery häufig verwendet wird.
Aber es gab natürlich ein paar Probleme damit, wie ich Dinge formatiert habe und wie sie tatsächlich auf den Bildschirmen von Mobilgeräten angezeigt wurden, mit denen ich getestet habe, und als ich versuchte, diese herauszufinden, bin ich auf viele Vorschläge gestoßen, um mir die Arbeit zu erleichtern jQuery Mobile.
Das verwirrt mich jetzt - jQuery hatte keine Rolle bei der Formatierung. Das war nur das Wissen meines Anfängers über mobiles CSS, das die Probleme verursachte.
Was genau macht jQuery Mobile und wie unterscheidet es sich von gewöhnlichem jQuery? Wenn ich jQuery bereits kenne, was wird für mich neu sein?
quelle
Antworten:
jQuery wurde lediglich entwickelt, um die Skripterstellung in verschiedenen Browsern zu vereinfachen und zu standardisieren. Es konzentriert sich auf die einfachen Dinge: Erstellen von Elementen, Bearbeiten des DOM, Verwalten von Attributen, Ausführen von HTTP-Anforderungen usw.
jQueryUI ist eine Reihe von Komponenten und Funktionen der Benutzeroberfläche, die auf jQuery aufbauen (dh es benötigt jQuery, um zu funktionieren): Schaltflächen, Dialogfelder, Schieberegler, Registerkarten, erweiterte Animationen, Drag & Drop-Funktionen.
jQuery und jQueryUI sind beide so konzipiert, dass sie Ihrer Site (Desktop oder Mobile) hinzugefügt werden. Wenn Sie eine bestimmte Funktion hinzufügen möchten, können jQuery oder jQueryUI möglicherweise helfen.
jQuery Mobile ist jedoch ein vollständiges Framework. Es soll Ihr Ausgangspunkt für eine mobile Website sein. Es erfordert jQuery und nutzt die Funktionen von jQuery und jQueryUI, um sowohl UI-Komponenten als auch API-Funktionen zum Erstellen mobiler Websites bereitzustellen. Sie können immer noch so viel oder so wenig davon verwenden, wie Sie möchten, aber jQuery Mobile kann das gesamte Ansichtsfenster auf mobile Weise steuern, wenn Sie es zulassen.
Ein weiterer wichtiger Unterschied besteht darin, dass jQuery und jQueryUI eine Ebene über Ihrem HTML- und CSS-System sein sollen. Sie sollten in der Lage sein, Ihr Markup einfach in Ruhe zu lassen und es mit jQuery zu verbessern. JQuery Mobile bietet jedoch Möglichkeiten, um zu definieren, wo Komponenten nur mithilfe von HTML angezeigt werden sollen - z. B. (von der jQuery Mobile-Site):
Das
data-role
Attribut weist jQuery Mobile an, diese Liste in eine mobilfreundliche UI-Komponente umzuwandeln, und die Eigenschaftendata-inset
unddata-filter
Attribute legen die Eigenschaften davon fest - ohne eine einzige Zeile JavaScript zu schreiben. jQueryUI-Komponenten hingegen werden normalerweise durch Schreiben einiger Zeilen JavaScript erstellt, um die Komponente im DOM zu instanziieren.quelle
Was ist jQuery Mobile?
JQM (jQuery Mobile) ist ein Benutzeroberflächensystem für Mobiltelefone, das auf jQuery aufbaut. jQuery ist erforderlich, damit JQM funktioniert. Im Gegensatz zu anderen ähnlichen Handy-Frameworks unterstützt JQM alle wichtigen Mobil-, Tablet-, E-Reader- und Desktop-Plattformen und nicht nur mobile Webkit-Browser. Eine der bemerkenswertesten Funktionen des Frameworks ist das Ajax-Navigationssystem, das animierte Seitenübergänge verwendet (sehr cool).
Was mag für dich neu sein?
Eine Sache bei JQM, die neuen Benutzern einen Kurvenball zuwirft, ist die Ajax-Navigation. Wenn Sie von jquery kommen, sind Sie wahrscheinlich daran gewöhnt, Ihr Javascript in jede Seite aufzunehmen und dann dom ready (
$(function(){ ... }
oder$(document).ready(function(){ .... }
) zu verwenden, um all Ihre lustigen Javascript-Aktivitäten zu starten. Da JQM jedoch die Ajax-Navigation verwendet, zieht das System andere Seiten in den gleichen Bereich wie die erste Seite und lädt Ihre in der enthaltenen Seite nicht<head>
. Wenn die nächste Seite über Ajax geladen wird, werden Sie feststellen, dass Ihre Inhalte$(function(){ ...}
auf der zweiten Seite nicht funktionieren. Die Lösung hierfür ist die Bindung an das Pageinit-Ereignis. Die folgenden Beispiele helfen Ihnen zu Beginn Ihrer Reise:Um auf eine bestimmte Seite zu zielen, fügen Sie die ID der Seite hinzu:
Wenn Sie mit JQM beginnen, können Sie die neuen Seitenereignisse besser verstehen. http://jquerymobile.com/demos/1.1.0/docs/api/events.html Viel Glück!
quelle
jQuery ist ein DOM-Manipulations- / Traversing- und AJAX-JavaScript-Framework. Es abstrahiert automatisch einen Großteil der Komplexität zwischen den verschiedenen Browsern. Es gibt unzählige jQuery-Plugins, die viele Aufgaben vereinfachen.
jQuery Mobile ist ein UI-Framework für mobile Anwendungen, das auf jQuery basiert. Es hat Themen- und UI-Komponenten.
Insgesamt sind sie kostenlos. Sie müssen jQuery Mobile nicht verwenden, um jQuery zu verwenden. Um jQuery Mobile verwenden zu können, müssen Sie jQuery verwenden.
quelle
jQuery Mobile
die mobile Version von istjQuery UI
?Sie haben nicht genug Punkte, um sie oben zu kommentieren, also fügen Sie sie dem Thread hinzu, um Andys zweite Frage nach Abhängigkeiten zu beantworten.
Ich glaube, was Sie suchen, ist hier: jQuery Mobile Demo
quelle