جی کوئری موبایل-شروع کار

چاپ

اضافه کردن جی کوئری موبایل به صفحه وب شما

دو راه برای اضافه کردن جی کوئری موبایل به وب سایت شما وجود دارد، شما می توانید:


لینک کردن جی کوئری موبایل از یک CDN

Note

از یک CDN به منظور توزیع و ارائه ی فایل هایی که استفاده ی زیادی در وب دارند استفاده می شود. 

این کار باعث می شود که سرعت دانلود کاربر بسیار بیشتر شود. 

درست مثل هسته ی جی کوئری، نیازی نیست چیزی را بر روی کامپیوتر خود نصب کنید. برای اینکه جی کوئری موبایل کار کند، شما تنها نیاز دارید که برگه استایل(css.) و کتابخانه ی جاوااسکریپت(js.) مورد نظر را در صفحه ی HTML خود اضافه کنید.

CDN جی کوئری موبایل:

<head>

<!-- تگ متای زیر را اضافه کنید تا از ارائه ی مناسب و زوم کردن لمسی اطمینان حاصل کنید   -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- برگه استایل جی کوئری موبایل را اضافه کنید -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

<!-- کتابخانه ی جی کوئری را اضافه کنید -->
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<!-- کتابخانه ی جی کوئری موبایل را اضافه کنید -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

</head>
خودتان امتحان کنید »
Note

تگ متای viewport که درون عنصر <head> قرار دارد، مشخص می کند که مرورگر چطور باید میزان زوم شدن صفحه و اندازه ها را کنترل کند. 

عبارت width=device-width باعث می شود که عرض صفحه ی وب، به اندازه ی عرض صفحه ی نمایش دستگاه دربیاید.

عبارت initial-scale میزان زوم اولیه را هنگامی که صفحه ی وب برای اولین بار توسط مرورگر بارگذاری می شود را مشخص می کند. 


لینک کردن جی کوئری موبایل، که در کامپیوتر شما ذخیره شده است

اگر می خواهید جی کوئری موبایل را خودتان ذخیره کنید، باید ابتدا آن را از jQuerymobile.com دانلود نمایید.

سپس کد زیر را به صفحه ی خود اضافه نمایید:

کد

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

نکته: فایل های دانلود شده را در همان آدرسی که صفحه شما قرار دارد، قرار دهید. 

Note

آیا می دانید چرا ما عبارت "text/javascript" را درون تگ <script> قرار نداده ایم؟ 

زیرا در HTML5 این عبارت ضروری نیست. همچنین در HTML5، و تمام مرورگرهای مدرن،  جاوااسکریپت بعنوان زبان برنامه نویسی پیش فرض انتخاب شده است.