今天想了一下，写东西就要用最简单的语言，讲清楚你想表达的就可以了，最后我认为在代码中添加注释，最后配以简单说明就可以了。扯了两句，下面写今天的内容。
在jquerymobile页面中，一般都会有一个header，在header一般我们会添加一两个按钮，这时候我们就可以在header中添加两个a标签，jquerymobile会自动将其的外观增强为按钮，下面看一段代码：
<!DOCTYPE html>
<html>
<head>
<title>Header Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<a href="index.html">Home</a><!--这个会自动转换为按钮-->
<h1>My Header</h1>
<a href="contact.html">Contact</a>
</div>
<div data-role="content">
<p>
</p>
</div>
</div>
</body>
</html>
一般情况下在header中我们添加两个按钮，如果你只写了一个默认会加到左边，无论你的a表情在代码中My header的前面还是后面。如果我们希望在My Header后面的a标签显示在右面我们可以添加一个class为ui-btn-right，代码如下：
<a href="contact.html" class="ui-btn-right">Contact</a>如果我们想为按钮添加icon可以使用data-icon属性，jquerymobile为我们提供了一些icon（具体都有什么自己去查文档）。我们可以使用这个属性为按钮添加icon，部分代码如下：
<div data-role="header">
<a href="index.html" data-icon="home">Home</a>
<h1>My Header</h1>
<a href="contact.html" data-icon="info">Contact</a>
</div>图标的制作在以后再说。
本人刚接触jquerymobile，如果哪里写错了，还请指出。
2986
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
