Adicionando jQuery Mobile às suas páginas Web
Há duas maneiras de adicionar jQuery Mobile para o seu web site. Você pode:
- Link para uma biblioteca jQuery Mobile armazenado em um CDN (recomendado)
- Link para uma biblioteca jQuery Mobile armazenados em seu computador
Link para jQuery Mobile de um CDN
A CDN (Content Delivery Network) é usado para distribuir arquivos utilizados com frequência em toda a web.
Isso faz com que a velocidade de download muito mais rápido para o usuário.
Tal como acontece com núcleo jQuery, não há nada para instalar no seu computador; você apenas incluir o seguinte folha de estilo (.css) e bibliotecas JavaScript (.js) diretamente em sua página HTML, para obter jQuery Mobile para trabalhar:
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>
Tente você mesmo " A janela de visualização <meta> tag dentro do <head> elemento especifica como o navegador deve controlar o nível de zoom da página e dimensões.
A width=device-width define a largura da página, para seguir a tela de largura do dispositivo (que irá variar dependendo do dispositivo).
A initial-scale=1 define o nível de zoom inicial quando a página é carregada pela primeira vez pelo navegador.
Link para jQuery Mobile armazenado em seu computador
Se você quer hospedar a biblioteca jQuery Mobile, você deve primeiro fazer o download do jQuerymobile.com .
Em seguida, adicione o seguinte código para a sua página:
<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>
Dica: Coloque os arquivos baixados no mesmo diretório como as páginas onde você deseja usá-lo.
Você quer saber porque não temos type="text/javascript" dentro do <script> tag?
Isso não é necessário em HTML5. JavaScript é a linguagem de script padrão em HTML5 e em todos os navegadores modernos!