Hinzufügen von jQuery Mobile auf Ihre Web-Seiten
Es gibt zwei Möglichkeiten, jQuery Mobile auf Ihre Website hinzuzufügen. Sie können:
- Link zu einer jQuery Mobile Bibliothek in einem CDN gespeichert (empfohlen)
- Link zu einer jQuery Mobile Bibliothek auf Ihrem Computer gespeichert
Link zu jQuery Mobile Von einem CDN
Ein CDN (Content Delivery Network) verwendet häufig verwendete Dateien über das Web zu verteilen.
Dies macht Download-Geschwindigkeit viel schneller für den Benutzer.
Wie bei jQuery Kern, gibt es nichts auf Ihrem Computer zu installieren; Sie sind nur das folgende Stylesheet (.css) und JavaScript - Bibliotheken (.js) direkt in die HTML - Seite, jQuery Mobile zur Arbeit zu kommen:
jQuery Mobile CDN:
<head>
<!-- Include meta tag to ensure proper rendering and touch
zooming -->
<meta name="viewport" content="width=device-width,
initial-scale=1">
<!-- Include jQuery Mobile stylesheets -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<!-- Include the jQuery library -->
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- Include the jQuery Mobile library -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
Versuch es selber " Das Ansichtsfenster <meta> -Tag innerhalb des <head> Element gibt an, wie der Browser die Seite Zoomstufe und Dimensionen steuern soll.
Die width=device-width legt die Breite der Seite , um die Bildschirmbreite des Geräts zu folgen (die auf dem Gerät variieren je).
Die initial-scale=1 setzt den Anfangszoomstufe , wenn die Seite zum ersten Mal durch den Browser geladen wird.
Link zu jQuery Mobile Stored auf Ihrem Computer
Wenn Sie die jQuery Mobile Bibliothek selbst hosten möchten, müssen Sie zunächst als Download von jQuerymobile.com .
Dann fügen Sie den folgenden Code in Ihre Seite:
<head>
<meta name="viewport" content="width=device-width,
initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.css">
<script src="jquery.js"></script>
<script src="jquery.mobile-1.4.5.js"></script>
</head>
Tipp: Legen Sie die heruntergeladenen Dateien im selben Verzeichnis wie die Seiten , wo Sie wollen , es zu benutzen.
Sie fragen sich, warum wir nicht haben type="text/javascript" innerhalb des <script> Tag?
Dies ist nicht in HTML5 erforderlich. JavaScript ist die Standard-Skriptsprache in HTML5 und in allen modernen Browsern!