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