1、必須用html5的文件型別頭
2、包含viewport的meta標籤
3、包含jquerymobile的css和js檔案
4、使用data-role="page"結構
data-role="page"
>
data-role=
"header"
>...
data-role=
"content"
>...
data-role=
"footer"
>...
viewport標籤指定瀏覽器如何顯示頁面的放大等級和尺寸。如果沒有指定，許多mobile瀏覽器會使用大約900畫素的寬度，這樣螢幕會看起來縮小了而且太寬了。通過設定viewport屬性content="width=device-width, initial-scale=1"，寬度會被設定為裝置螢幕的畫素寬度。
這個設定不會禁止使用者縮放頁面。在ios上有個小問題，就是當改變裝置方向時不能夠很好的設定寬度。如果需要，你可以設定其他的viewport值來禁止縮放。
乙個單獨的html文件可以包含多個page頁面。每乙個page有乙個唯一的id(id="foo")，通過href="#foo"可以鏈結到這個頁面。
注意：由於採用hash來記錄所有的ajax'pages'導航歷史記錄
多頁面情況下使用data-title屬性來設定標題。例如
jQuery Mobile 頁面事件
在 jquery mobile 中與頁面打交道的事件被分為四類 當 jquery mobile 中的一張典型頁面進行初始化時，它會經歷三個階段 每個階段觸發的事件都可用於插入或操作 事件描述 pagebeforecreate 當頁面即將初始化，並且在 jquery mobile 已開始增強頁面之前，...
jquery mobile頁面新增iscroll
在低版本的iso裝置上瀏覽器不支援position fixed樣式，找了很多解決方案之後選擇了iscroll。增加滾動功能的 如下 1 function 89 elm.css 1213 var barheight 0 頁頭頁尾高度 1415 設定頁頭樣式 16var header elm.find ...
jQuery Mobile頁面跳轉及其引數傳遞
這裡我用到的是標籤進行跳轉，引數是放在href後面的，如下 遇到的問題 1 在第二個頁面，引入的js沒有效果，寫的js方法沒有生效？解析 這是因為頁面跳轉，只能夠解析裡面的東西 解決辦法 第一種方法 將js方法，css樣式，引入的js都寫在這個標籤裡面就可以生效 第二種方法 在a標籤中加入rel e...