jQuery Mobile စာကြိုး

使用 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" အား မျက်နှာများ အောက်ပိုင်း အက်သုံး အချက်အလက် ဖြစ်စေရန် အသုံးပြုပါ:

အရင်းအမြစ် အရ သူတို့ အသုံးပြု လိုက်ခြင်း အရ အခြား အိမ်ဖုံး HTML အချက်အလက် ကို ထပ်ထည့် နိုင်ပါသည် - အဘာသာ အပုံစံ၊ ဂရမ်ဂျက်၊ ချက်အချက်၊ အစီအစဉ် တို့ဖြင့်:

အကြိုးအစား:HTML5 data-* အချက်အလက် အား လက်ခံ ပြီး လက်ခံ သော လက်တင်သုံး အားကစား အမျိုးအစား အတွက် တရားဝင် ပြင်ပ လုပ်ငန်းအပျက် ဖြစ်စေရန် အသုံးပြုပါ:

jQuery Mobile တွင် မျက်နှာများ ထပ်ထည့်ပါ

jQuery Mobile တွင် သူတို့ တစ်ခုတည်း သာ အိမ်ဖုံး HTML အချက်အလက် တစ်ခု တွင် မျက်နှာများ များစွာ ဖန်တီး နိုင်ပါသည်။

ရှစ်ပြား အသုံးပြု ပြီး အသုံးပြု 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>

ကိုယ်တိုင် စမ်းသပ်ပါ

အစီရင်ခံ:အကြောင်းအရာ အများဆုံး ကို ပါဝင် သော web အက်ဥပဒေ အသုံးပြု လိုက်ခြင်း သည် သတင်းများ စွက်ပိုက် စေတတ် သည် (အခြား စာသား၊ လမ်းကြောင်း၊ ဂရမ်ဂျက် နှင့် အခြား အသုံးပြု လိုက်ခြင်း တို့ဖြင့်) အား အဆိုပါ မတ်တင် လမ်းကြောင်း ပြင် ကို အားပေး ပြီး အသုံးပြုပါ:

<a href="externalfile.html">အပြင်ဘာ သို့ ပြေးသွား

စက်တင် စက်ဆင်း အား တရားဝင် ဖော်ပြသော နေရာ တစ်ခု ဖြစ်စေရန် စက်တင် စက်ဆင်း အား အသုံးပြုပါ:

ဖော်ပြသော သတင်းများ သို့မဟုတ် ဖိတ်ခေါ် သုံးစွဲ လိုက်ခဲ့သော ပြင်ဘာ ကို ပြသသော လွှတ်တိုက် အမျိုးအစား ဖြစ်သည်။

အသုံးပြုသူက ချိန်ချဲ့ လတ်လပ်ခွင့်ပြု လမ်းကြောင်း အား တရားဝင် ဖော်ပြသော နေရာ တစ်ခု ဖြစ်စေရန် လမ်းကြောင်း အား 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>

ကိုယ်တိုင် စမ်းသပ်ပါ