Bab jQuery Mobile

جی کیو ایموبائل سے شروع کریں

تاویف:جی کیو ایموبائل سبھی موبائل اپلائیڈ وچ قابل استعمال نی، لیکن یہ کامپیوٹر اپلائیڈ وچ ممکنہ طور پر سازگاریت کی مسائل کا جواز دیندا نی (مزید CSS3 کا استعمال).

اس لئے اس درس میں، آپ کو چاہیے کہ آپ جوائل کا کروم براوزر استعمال کریں تاکہ بہترین پڑھنا کا تجربہ حاصل کرسکتے نی.

مثال

<body>
<div data-role="page">
  <div data-role="header">
    <h1>آپ کی ویب سائٹ کا دورہ کریں</h1>
  </div>
  <div data-role="content">
    <p>مجھی ایک موبائل ڈیولپر اے!</p>
  </div>
  <div data-role="footer">
    <h1>پائیدار متن</h1>
  </div>
</div>
</body>

Sai ka fi kai

مثال توضیح:

  • data-role="page" صفحہ جو براوزر وچ دکھائی جاتی نی
  • data-role="header" کا استعمال صفحے دے اوپر کی بٹن تاربلی ( عام طور پر عنوان اور تلاش دا بٹن استعمال کیا جاتا نی) کردار بنانے کیلئے کردار دینا اے
  • data-role="content" کا استعمال صفحے دا مطلب، مثلاً متن، تصویر، فرم اور دکھائی دی جان والی بٹن، وغیرہ دینا اے
  • data-role="footer" کا استعمال صفحے دے نیچل کی بٹن تاربلی وچ کردار بنانے کیلئے کردار دینا اے

ان کیڈر وچ آپ کسی بھی ایچ تی ایل عنصر کو شامل کرسکتے نی - آئیٹم، تصویر، عنوان، فہرست وغیرہ.

تاویف:ایچ تی ایل5 data-* کا استعمال جی کیو ایموبائل کے ذریعے موبائل اپلائیڈ کے لئے ‘تکتی لینگ’ انٹرایکشن اپسیائی زر کے لئے کیا جاتا نی.

جی کیو ایموبائل میں صفحہ شروع کرنا

جی کیو ایموبائل میں، آپ ایک ہی ایچ تی ایل فائل میں متعدد صفحات بناسکتے نی.

کسی ویا کسی صفحے کو علیحدہ کئے جانے کیلئے منفرد id استعمال کریں، اور ان کو متصل کرنے کیلئے href کا استعمال کریں:

مثال

<div data-role="page" id="pageone">
  <div data-role="content">
    <a href="#pagetwo">جائیدار صفحہ دو</a>
  </div>
</div>
<div data-role="page" id="pagetwo">
  <div data-role="content">
    <a href="#pageone">Raba zuwa Bab Daya</a>
  </div>
</div>

Sai ka fi kai

نوٹ:بہت سے وچاروں والی ویب ایپلیکیشن لوڈنگ وچ اثر ڈیندا نی (مثلاً متن، لینک، تصاویر اور اسکریپت وغیرہ). اگر آپ داخلی لینک صفحے وچ ناخواہ دا نا لین والی نی، بیرونی فائل استعمال کریں:

<a href="externalfile.html">جائیدار بیرونی صفحہ</a>

صفحہ دا استعمال دیالوگ دا کردار وچ

دیالوگ ویندوزی نوعی دا اے جیں وچ معلومات دکھائی جاتی نی یا داخل دین والی ڈاٹا ڈا ڈا نا لین والی اے.

لایقتی تائیپ دیالوگ دا یئی دا، لینک دا data-rel="dialog" بزن:

مثال

<div data-role="page" id="pageone">
  <div data-role="content">
    <a href="#pagetwo"> data-rel="dialog">Raba zuwa Bab Biyu</a>
  </div>
</div>
<div data-role="page" id="pagetwo">
  <div data-role="content">
    <a href="#pageone">Raba zuwa Bab Daya</a>
  </div>
</div>

Sai ka fi kai