jQuery Mobile 是一款基于 jQuery 的移動應用程序開發框架。它可以幫助開發者快速構建跨平臺、響應式且易于使用的移動應用程序。在 jQuery Mobile 中添加 HTML 很簡單,您只需要遵循以下步驟:
<!-- 添加一個 page 頁面 --> <div data-role="page" id="myPage"> <!-- 添加 header 頭部 --> <div data-role="header"> <h1>這是頁頭</h1> </div> <!-- 添加 content 內容 --> <div data-role="content"> <p>這是內容區域</p> </div> <!-- 添加 footer 底部 --> <div data-role="footer"> <h1>這是頁腳</h1> </div> </div>
在上面的代碼中,我們首先添加了一個頁面,并使用id="myPage"
屬性來標識它。接下來,我們在這個頁面中分別添加了頁眉、內容區域和頁腳三個部分。在每個部分內部,我們使用了data-role
屬性來定義它們的角色,比如data-role="header"
表示這是一個頁眉。
除了上述三個部分以外,還可以在頁面中添加按鈕、列表、表單、彈出框等其他 HTML 元素。如果您想了解更多關于 jQuery Mobile 的信息,可以參考官方文檔。祝您使用 jQuery Mobile 愉快!