Web Sayfaları jQuery Mobile ekleme
web sitesine jQuery Mobile eklemenin iki yolu vardır. Yapabilirsin:
- Bir CDN saklanan bir jQuery Mobile kitaplığında bağlantı (recommended)
- bilgisayar başında saklanan bir jQuery Mobile kitaplığında bağlantı
Bir CDN itibaren jQuery Mobile Link
Bir CDN (Content Delivery Network) web üzerindeki sık kullanılan dosyaları dağıtmak için kullanılır.
Bu kullanıcı için çok daha hızlı indirme hızı yapar.
jQuery çekirdek olduğu gibi, bilgisayarınıza yüklemeniz bir şey yok; yalnızca takip stil içerir (.css) ve JavaScript kütüphaneleri (.js) jQuery Mobile işe almak için doğrudan HTML sayfasına,:
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>
Kendin dene " Görünüm, <meta> içindeki etiketi <head> eleman tarayıcı sayfası yakınlaştırma düzeyini ve boyutlarını kontrol edebileceğini belirtir.
width=device-width cihazının ekran genişliği takip genişliğini belirler (which will vary depending on the device) .
initial-scale=1 sayfa ilk tarayıcı tarafından yüklenen ilk yakınlaştırma düzeyini ayarlar.
jQuery Mobile Link Bilgisayarınızda Saklanan
Eğer jQuery Mobile kütüphaneye kendini barındırmak isterseniz, önce onu indirmelisiniz jQuerymobile.com .
Daha sonra sayfanın aşağıdaki kodu ekleyin:
<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: Bunu kullanmak isteyen sayfalarıyla aynı dizinde indirilen dosyaları yerleştirin.
Do you wonder why we do not have type="text/javascript" inside the <script> tag?
Bu HTML5'teki gerekli değildir. JavaScript, HTML5 ve tüm modern tarayıcılarda varsayılan kodlama dilidir!