企业官网建设流程全解析

利用 jQuery Mobile 构建移动 Web 应用

1. 项目概述

我们将构建一个用于 Anytown Civic Center 的移动 Web 应用。该应用会展示市政中心正在进行的活动，允许用户注册这些活动，同时作为市政中心的通用移动网站。它将使用 jQuery Mobile 的多种特性（即角色）来构建，包括页面、面板、弹出窗口、工具栏和导航栏。为确保与可能不支持 HTML5 的浏览器的向后兼容性，jQuery Mobile 会较多使用<div>元素，而非 HTML5 的<header>和<footer>元素。

2. 页面

页面是 jQuery Mobile 中的主要单元，框架可以支持单页或一个页面内的多个内部链接页面。页面由三个组件组成：头部、内容和页脚。为确保最大的跨浏览器兼容性，我们不使用常见的 HTML5 结构元素，而是使用 jQuery Mobile 提供的实现方式。

以下是一个页面的示例代码：

<div> <div> <!-- Header stuff --> </div><!-- /header --> <div role="main"> <!-- Content --> </div><!--