jquery mobile 是一個基于 jquery 的開源框架，旨在為移動設備的 Web 應用提供一致的用戶界面和交互體驗。
部署 jquery mobile 可以分為兩步：首先要準備 html 頁面，引入必需的庫文件；其次要對頁面進行初始化，使其支持 jquery mobile 的特性。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>My App</title> <!-- 引入 jquery 庫文件 --> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <!-- 引入 jquery mobile 庫文件 --> <link href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" rel="stylesheet"> <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page"> <!-- 頁面內容 --> </div> </body> </html>
在 html 頁面中，需要引入 jquery 庫文件和 jquery mobile 庫文件。此外，還需添加一個帶有 data-role 屬性的 div 元素，作為 jquery mobile 的頁面容器。
接下來，需要對頁面進行初始化，以便使用 jquery mobile 的特性。
<script>
$(document).on("pagecreate", function() {
// 頁面創建時的初始化代碼
});
$(document).on("pagecontainershow", function() {
// 頁面切換時的初始化代碼
});
</script>在初始化代碼中，可以使用 jquery mobile 提供的各種特性和組件，如按鈕、列表、滑動菜單等。
最后，需要注意的是，jquery mobile 適用于各種主流移動設備平臺，包括 iOS、Android、Windows Phone 等。
下一篇漂亮Css 萊單