jQuery Mobile 基本頁面框架簡介

 

小知識教學類型: 手機應用程式開發

一個在大眾手機顯示的頁面，在jQuery Mobile程式中，基本的框架通常如下:

<div data-role="page">

<div data-role="header">

-- header details --

</div>

<div data-role="main" class="ui-content">

-- content details --

</div>

<div data-role="footer">

-- footer details

</div>

</div>

由此可見，主要分為三個部: 頂端 (Header) , 內容 (Content) 和 腳本 (Footer)。 因為手機界面不像網頁般複雜和廣闊，所以通常這三部份已決定了手機應用程式(Mobile Apps)的應用界面了。