增加分类的页面
下面给出的是增加一个新闻分类的页面代码：
<!-- Category Selection --><div data-role="header" id="hdrSelect" data-nobackbtn="true"> <h1>Select</h1></div><div data-role="content" id="contentSelect"> <form id="form1"> <div id="categoryDiv" data-role="fieldcontain"> <select id="category" tabindex="2"> <option value=''>Select a Category</option> <option value='topstories'>Top Stories</option> <option value='us'>U.S.</option> <option value='world'>World</option> <option value='politics'>Politics</option> ... </select> </div> <a id="buttonGetCategory" href="" data-role="button" data-inline="true">Get Category</a> </form></div><div data-role="footer" id="ftrSelect"></div>在这个页中，有一个表单form1,其中还包含了一个下拉选择菜单，菜单中列出了Yahoo站的常见新闻分类，以供用户选择。
新闻页
我们来看新闻页的框架代码如下：
<!-- News --><div data-role="header" id="hdrNews" data-nobackbtn="true"> <h1>News</h1> <a id="buttonHdrShowCategories" data-icon="arrow-l" class="ui-btn-left" href="" data-role="button" data-inline="true">Back</a></div><div data-role="content" id="contentNews"></div><div data-role="footer" id="ftrNews"> <a id="buttonFtrShowCategories" data-icon="arrow-l" class="ui-btn-left" href="" data-role="button" data-inline="true">Back to News Categories</a></div>在该代码段中，我们没有使用jQuery Mobile自带的回退按钮，而是自己实现了一个按钮(id为buttonHdrShowCategories)，而其事件代码编写会在稍后的教程中讲解。属性data-icon=“arrow-l”则使用了jQuery内置的按钮(详细的按钮列表见http://jquerymobile.com/demos/1.0a2/#docs/buttons/buttons-icons.html)。为了方便用户在移动设备中，当拖动到页面底部时，也能够有返回的功能，因此也在页面底部同样设置了返回按钮。
