Adăugarea jQuery Mobile în paginile web
Există două moduri de a adăuga jQuery Mobile pe site-ul web. Poti:
- Link către o bibliotecă jQuery Mobile stocate la un CDN (recommended)
- Link către o bibliotecă jQuery Mobile stocate la computer
Link catre jQuery Mobile Dintr-o CDN
Un CDN (Content Delivery Network) este folosit pentru a distribui fișiere frecvent utilizate pe web.
Acest lucru face ca viteza de download mult mai rapid pentru utilizator.
Ca și în cazul jQuery de bază, nu este nimic de instalat pe calculator; includeți doar următoarele foaia de stil (.css) și biblioteci JavaScript (.js) direct în pagina HTML, pentru a obține jQuery Mobile să lucreze:
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>
Încearcă - l singur » Portul de vizualizare <meta> tag - ul in interiorul <head> element specifică modul în care browser - ul ar trebui să controleze nivelul de zoom și dimensiunile paginii.
width=device-width stabilește lățimea paginii pentru a urmări ecran lățimea dispozitivului (which will vary depending on the device) în (which will vary depending on the device) .
initial-scale=1 stabilește nivelul inițial de zoom atunci când pagina este mai întâi încărcat de către browser.
Link catre jQuery Mobile stocate la computer
Dacă doriți să găzduiască biblioteca jQuery Mobile le trebuie mai întâi să- l descărcați de la jQuerymobile.com .
Apoi se adaugă următorul cod la pagina dvs.:
<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>
Tip: Plasați fișierele descărcate în același director ca și paginile în care doriți să - l utilizați.
Do you wonder why we do not have type="text/javascript" inside the <script> tag?
Acest lucru nu este necesar în HTML5. JavaScript este implicit limbajul de scripting în HTML5 și în toate browserele moderne!