JQM List

 

	<!-- Start of first page -->
	<div data-role="page" id="foo">

		<div data-role="header" data-position="inline">			
			<h1>Wellcom</h1>			
		</div><!-- /header -->

		<div data-role="content" class="ui-grid-a" id="login">	 

		<ul data-role="listview" data-inset="true" data-filter="true">
			<li><a href="index.html">一<span class="ui-li-count">4</span></a></li>
			<li><a href="index.html">衣服<span class="ui-li-count">4</span></a></li>
			<li><a href="index.html">Great Britain <span class="ui-li-count">0</span></a></li>
			<li><a href="index.html">Finland <span class="ui-li-count">12</span></a></li>
			<li><a href="index.html">Norway <span class="ui-li-count">328</span></a></li>
			<li><a href="index.html">United States <span class="ui-li-count">62</span></a></li>
		</ul>
         </div><!-- /content -->

		<div data-role="footer">
			<div data-role="navbar">
			  <ul>
				　<li><a href="index.html" data-role="button" data-theme="a">Yes</a></li>
				　<li><a href="index.html" data-role="button"data-theme="a">No</a></li>
				　<li style=" margin-top:-20px;"><a href="index.html" data-role="button"data-theme="a">Maybe</a></li>
			  </ul>
			</div>
	    </div><!-- /footer -->

		　
	</div><!-- /page  $.mobile.listview.prototype.options.filterPlaceholder = "输入标题关键字，过滤项目";  JS -->