جی کوئی ان موبائل پیج

使用 jQuery Mobile 入门

خبر:尽管 jQuery Mobile 适用于所有移动设备，它在台式计算机上仍然可能存在兼容性问题（由于有限的 CSS3 支持）。

因此在本教程中，我们推荐您使用谷歌的 Chrome 浏览器，以获得最好的阅读体验。

مثال



data-role="page">
  
data-role="header">
    
欢迎访问我的主页

  </div>
  
data-role="content">
    
我是一名移动开发者！

  </div>
  
data-role="footer">
    
页脚文本

  </div>
</div>

خود خود کوشاں

例子解释：

  • 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">پہلی پیج پر چلنا</a>
  </div>
</div>

خود خود کوشاں

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

<a href="externalfile.html"> بروئے باہری پینج پر جانا</a>

پینج کا استعمال ڈائیلاگ کے طور پر کرنا

ڈائیلاگ معلومات یا داخل کئے جانے والی درخواست کا ایک ویئن کا نوعیت ہے。

اگر آپ چاہتاں کہ آپ کا لینک پر کلک کرنے پر ایک ڈائیلاگ بنائیں، تو اس لینک کو data-rel="dialog" شامل کریں:

مثال

<div data-role="page" id="pageone">
  <div data-role="content">
    <a href="#pagetwo"> data-rel="dialog">پہلی پیج پر چلنا</a>
  </div>
</div>
<div data-role="page" id="pagetwo">
  <div data-role="content">
    <a href="#pageone">پہلی پیج پر چلنا</a>
  </div>
</div>

خود خود کوشاں