L'aggiunta di jQuery Mobile per le pagine Web
Ci sono due modi per aggiungere jQuery Mobile per il vostro sito web. Puoi:
- Collegamento a una libreria jQuery Mobile conservato ad una CDN (consigliato)
- Collegamento a una libreria jQuery Mobile conservato a computer
Link a jQuery Mobile Da un CDN
Un CDN (Content Delivery Network) viene utilizzato per distribuire i file utilizzati più spesso sul web.
Questo rende la velocità di download molto più veloce per l'utente.
Come con anima jQuery, non c'è nulla da installare sul vostro computer; basta includere il seguente foglio di stile (.css) e librerie JavaScript (.js) direttamente nella tua pagina HTML, per ottenere jQuery Mobile per lavorare:
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>
Prova tu stesso " La finestra <meta> tag all'interno del <head> elemento specifica come il browser deve controllare il livello di zoom della pagina e le dimensioni.
Il width=device-width imposta la larghezza della pagina per seguire lo schermo-larghezza del dispositivo (che variano a seconda del dispositivo).
La initial-scale=1 imposta il livello di zoom iniziale quando la pagina viene caricata prima dal browser.
Link a jQuery Mobile memorizzati per il proprio computer
Se si desidera ospitare la libreria jQuery Mobile te stesso, è necessario prima scaricarlo da jQuerymobile.com .
Quindi aggiungere il seguente codice alla pagina:
<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>
Suggerimento: posizionare il file scaricati nella stessa directory come le pagine in cui si desidera utilizzarlo.
Ti chiedo perché non abbiamo type="text/javascript" all'interno del <script> tag?
Ciò non è necessario in HTML5. JavaScript è il linguaggio di scripting di default in HTML5 e in tutti i browser moderni!