1.獲取jQuery mobile 文件,訪問jQuerymobile網站下載 (貌似使用jquery mobile後,jquery會自動在網頁中添加一些class類,第一次知道的我是被嚇呆的!!) 2.需要使用數據屬性,數據屬性是HTML5引入的,以data-開頭 比如data-role可以用於定 ...
1.獲取jQuery mobile 文件,訪問jQuerymobile網站下載 (貌似使用jquery mobile後,jquery會自動在網頁中添加一些class類,第一次知道的我是被嚇呆的!!) 2.需要使用數據屬性,數據屬性是HTML5引入的,以data-開頭 比如data-role可以用於定義頁眉,頁腳,內容,頁面等
- data-role="page" 是在瀏覽器中顯示的頁面。
- data-role="header" 是在頁面頂部創建的工具條 (通常用於標題或者搜索按鈕)
- data-role="main" 定義了頁面的內容,比如文本, 圖片,表單,按鈕等。
- "ui-content" 類用於在頁面添加內邊距和外邊距。
- data-role="footer" 用於創建頁面底部工具條。
- <form> 元素必須有一個 method 和一個 action 屬性
- 每個表單元素必須有一個唯一的 "id" 屬性。id 必須是整個站點所有頁面上唯一的。這是因為 jQuery Mobile 的單頁導航機制使得多個不同頁面在同一時間被呈現
- 每個表單元素必須有一個標簽。設置標簽的 for 屬性來匹配元素的 id
- 使用 <button> 元素
- 使用 <input> 元素
- 使用帶有 data-role="button" 的 <a> 元素
$(document).on("pagecreate","#pageone",function(){
// jQuery 事件...
}); </script> 旋轉事件: window.orientation 屬性針對縱向視圖返回 0,針對橫向視圖返回 90 或 -90。 頁面載入: jquery應用一般都是用$(document).ready來進行初始化,但是jquery mobile這一點卻不怎麼好用,因為jquery mobile使用ajax載入頁面, $(document).ready只對第一個頁面有效 因此需要使用pagecreate事件