jQuery Mobile 入門案例－研討活動資訊頁（上）

jQuery Mobile 技術文件系列


jQuery Mobile 入門案例－研討活動資訊頁（上｜中｜下）

工作室於 2013/3/23 舉辦的免費高雄軟體科技園區【HTML5 技術講座】活動，為了方便參與學員透過手機查詢，因此套用 jQuery Mobile 製作了簡單的活動資訊頁，接下來利用幾篇文章，說明此網頁的製作過程。

jQuery Mobile 是一單純的 UI 框架，只要遵守其語法規則，不需 JavaScript 就可以很方便的讓開發人員建立具質感的 Mobile 型態網頁，這一組網頁，我們需要三項功能如下：

• 首頁：活動海報頁
• 議程：研討會議內容
• 地點：研討會議舉辦地點與交通資訊

完成後的功能畫面如下：

最後一項，由於要提供三組不同的資訊內容，包含一張地圖，因此分成三個區塊，並提供縮合介面方便使用者操作。

jQuery Mobile 以單一文件模擬多頁介面，此案例只需要一個 .html 檔案就夠了，後續的文章我們逐一討論其中的內容。

jQuery Mobile 入門案例－研討活動資訊頁（上｜中｜下）

jQuery Mobile 技術文件系列