Najnowsze tutoriale tworzenie stron internetowych
 

jQuery Mobile Zaczynać


Dodawanie jQuery Mobile, na swoich stronach internetowych

Istnieją dwa sposoby dodawania jQuery Mobile, na swojej stronie internetowej. Możesz:

  • Link do biblioteki jQuery Telefony przechowywanych w CDN (zalecane)
  • Link do biblioteki jQuery Telefony przechowywanej w komputerze

Link do jQuery Mobile z poziomu CDN

CDN (Content Delivery Network) jest używany do dystrybucji często używanych plików w internecie.
To sprawia, że ​​szybkość pobierania znacznie szybciej dla użytkownika.

Jak z jQuery rdzenia, nie ma nic do zainstalowania na komputerze; po prostu zawierać następujące stylów (.css) oraz biblioteki JavaScript (.js) bezpośrednio na stronie HTML, aby uzyskać jQuery Mobile działa:

Komórka jQuery 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>
Spróbuj sam "

Rzutnia <meta> tag wewnątrz <head> element określa, w jaki sposób przeglądarka powinna kontrolować stronę poziomu powiększenia i wymiary.

width=device-width ustawia szerokości strony śledzić na ekranie szerokości urządzenia (które mogą się różnić w zależności od urządzenia).

initial-scale=1 ustawia początkowy poziom powiększenia, gdy strona jest najpierw ładowany przez przeglądarkę.


Link do jQuery Mobile przechowywane przy komputerze

Jeśli chcesz obsługiwać biblioteki jQuery mobile siebie, trzeba najpierw pobrać z jQuerymobile.com .

Następnie dodaj poniższy kod na swojej stronie:

<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>

Wskazówka: Umieść pobrane pliki w tym samym katalogu, co strony, gdzie chcesz go używać.

Czy zastanawiasz się, dlaczego nie mamy type="text/javascript" wewnątrz <script> tagu?

Nie jest to wymagane w HTML5. JavaScript jest domyślnym językiem skryptowym w HTML5 i we wszystkich nowoczesnych przeglądarkach!