- 相關(guān)推薦
jQueryMobile頁(yè)面
在jQuery Mobile，您可以在單一 HTML 文件中創(chuàng)建多個(gè)頁(yè)面。 請(qǐng)通過(guò)唯一的 id 來(lái)分隔每張頁(yè)面，并使用 href 屬性來(lái)連接彼此。下面，小編為大家搜索整理了jQueryMobile頁(yè)面，希望能給大家?guī)?lái)幫助!更多精彩內(nèi)容請(qǐng)及時(shí)關(guān)注我們應(yīng)屆畢業(yè)生考試網(wǎng)!
使用 jQuery Mobile 入門
提示：盡管 jQuery Mobile 適用于所有移動(dòng)設(shè)備，它在臺(tái)式計(jì)算機(jī)上仍然可能存在兼容性問(wèn)題(由于有限的 CSS3 支持)。
因此在本教程中，我們推薦您使用谷歌的 Chrome 瀏覽器，以獲得最好的閱讀體驗(yàn)。
實(shí)例
data-role="page">
data-role="header">
歡迎訪問(wèn)我的主頁(yè)
data-role="content">
我是一名移動(dòng)開(kāi)發(fā)者!
data-role="footer">
頁(yè)腳文本
例子解釋：
data-role="page" 是顯示在瀏覽器中的頁(yè)面
data-role="header" 創(chuàng)建頁(yè)面上方的工具欄(常用于標(biāo)題和搜索按鈕)
data-role="content" 定義頁(yè)面的內(nèi)容，比如文本、圖像、表單和按鈕，等等
data-role="footer" 創(chuàng)建頁(yè)面底部的工具欄
在這些容器中，您可以添加任意 HTML 元素 - 段落、圖像、標(biāo)題、列表等等。
提示：HTML5 data-* 屬性用于通過(guò) jQuery Mobile 為移動(dòng)設(shè)備創(chuàng)建“對(duì)觸控友好的”交互外觀。在 jQuery Mobile 中添加頁(yè)面
在 jQuery Mobile，您可以在單一 HTML 文件中創(chuàng)建多個(gè)頁(yè)面。
請(qǐng)通過(guò)唯一的 id 來(lái)分隔每張頁(yè)面，并使用 href 屬性來(lái)連接彼此：
id="pageone">
轉(zhuǎn)到頁(yè)面二
id="pagetwo">
轉(zhuǎn)到頁(yè)面一
注釋：包含大量?jī)?nèi)容的 web 應(yīng)用程序會(huì)影響加載時(shí)間(比如文本、鏈接、圖像和腳本等等)。如果您不希望在內(nèi)部鏈接頁(yè)面，請(qǐng)使用外部文件：
href="externalfile.html">轉(zhuǎn)到外部頁(yè)面
將頁(yè)面用作對(duì)話框
對(duì)話框是用來(lái)顯示信息或請(qǐng)求輸入的視窗類型。
如需在用戶點(diǎn)擊(輕觸)鏈接時(shí)創(chuàng)建一個(gè)對(duì)話框，請(qǐng)向該鏈接添加 data-rel="dialog"：
實(shí)例
data-rel="dialog">轉(zhuǎn)到頁(yè)面二
轉(zhuǎn)到頁(yè)面一
【jQueryMobile頁(yè)面】相關(guān)文章：
jQueryMobile表單結(jié)構(gòu)學(xué)習(xí)10-27
Dreamweaver創(chuàng)建頁(yè)面教程10-27
交互頁(yè)面網(wǎng)頁(yè)設(shè)計(jì)07-19
Dreamweaver如何創(chuàng)建頁(yè)面08-08
PHP頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面的方法07-08
PHP頁(yè)面漏洞分析的方法08-13
wps文字如何布局頁(yè)面07-13