ບາງທີ່ 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

ໃນ jQuery Mobile ທ່ານສາມາດສ້າງບາງເວັບໄຊຫຼາຍຫຼາຍໃນເອມເອວດຽວກັນ。

ຂ້ອຍຂໍ່ຕ້ອງການໃຊ້ 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>

ການສືບສວນທີ່ຂ້ອຍຈະດູດ