页面、按钮和.PDFVIP

04 頁面、按鈕與 對話方塊 4-1 建立多頁面的jQuery Mobile程式 4-2 巡覽jQuery Mobile頁面 4-3 對話方塊與頁面轉換特效 4-4 按鈕 4-5 可摺疊內容 4-6 多欄與表格版面配置 Part II 客戶端 jQuery Mobile 建立使用介面 4-1 建立多頁面的jQuery Mobile 程式 jQuery Mobile 程式可以在單一程式擁有多個頁面，也可以擁有多個檔 案，每一個檔案都是單一頁面，進一步說明請參閱第4-2-3 節。 Memo 本章範例站台是位在「\ASP.NET_Mobile\Ch04 」資料夾的站台，請使用 WebMatrix 開啟資料夾的站台，就可以測試本章範例的jQuery Mobile 程式，筆 者主要是使用 iPhone Simulator 測試本章的範例網頁；Opera Mobile Emulator 為輔。 jQuery Mobile 可以在同一個HTML 網頁建立多頁面和對話方塊，並且讓 我們建立超連結或巡覽工具列來切換顯示不同頁面或對話方塊。 多頁面結構 在第 節已經說明過 的頁面結構，我們是使用 屬性 3-5-2 jQuery Mobile id 替頁面命名，換句話說，同一個jQuery Mobile 程式就可以建立多頁面，例如： 屬性值為 和 的 個頁面，如下所示： id home register 2 div data-role=page id=home div data-role=header…/div div data-role=content … a href=#register報名研討會/abr/ /div div data-role=footer/div /div div data-role=page id=register div data-role=header/div div data-role=content/div /div 上述 標籤有 個頁面，在 頁面的 內容擁有 元素的 div 2 home content a 超連結，可以開啟register 頁面，如下所示： 4-2 頁面、按鈕與對話方塊 Chapter 04 a href=#register報名研討會/a 上述 標籤的 屬性是使用「 」符號加上 屬性值來切換至另一 a href # id 頁面。當在瀏覽器載入多頁面的jQuery Mobile 程式，jQuery Mobile 預設隱 藏所有 標籤，只顯示第 個頁面，即顯示 頁面。 div data-role=page 1 home 多頁面的標題文字 對於多頁面 jQuery Mobile 程式來說，預設所有頁面都是使用同一個 title 標籤的標題文字，即顯示在瀏覽器視窗的標題列或標籤頁的標題文字 （如果有顯示的話），我們可以使用data-title 屬性指定其他頁面顯示的標題