css - 使用 jquery mobile 进行 youtube 移动式导航

Question

我目前使用jquery mobile并希望在右侧有2个图标的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.ui-btn-right{right:30px;}将您的网格定位在搜索按钮的左侧。这是一个演示这个http://jsfiddle.net/codaniel/JMKss/1/的小提琴