使用jquery mobile进行youtube mobile风格的导航

Question

我目前使用的是jquery mobile，我想在youtube mobile上实现顶部导航，右边有两个图标(下图)

​

​

所以我试着使用下面的代码，但只出现了一个图标。

<h1>Youtube Mobile</h1>
<a href="index.html" data-icon="grid" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Menu</a>
<a href="search.html" data-icon="search" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Search</a>

有人能帮我解决这个问题吗？谢谢

Answer 1

两个按钮都在那里。它们只是被绝对地一个放在另一个上面。将“grid”类添加到您的网格按钮中。然后使用.grid.ui-btn-right{right:30px;}将你的网格定位在搜索按钮的左边。这是一个演示此http://jsfiddle.net/codaniel/JMKss/1/的小提琴