css - 使用 jquery mobile 的 youtube 移动风格导航

标签 css jquery-mobile navigation

我目前使用 jquery mobile 并希望实现顶部导航,如 youtube mobile,右侧有 2 个图标(下图)

enter image description here

所以我尝试使用下面的这段代码,但只出现了一个图标。

<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>

谁能帮我解决这个问题?谢谢

最佳答案

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

关于css - 使用 jquery mobile 的 youtube 移动风格导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10083805/

相关文章:

css - 960 网格和 compass

jquery-mobile - jQuery 手机 : "swipeleft" and "swiperight" work only once

javascript - 如何在 jQuery 中动态添加数据?

javascript - Jquery:当悬停在菜单项上时,显示文本

CSS 应仅在字体系列不是 $fontFamily-special 时应用

jquery - 返回顶部链接向 URL 插入附加代码

android - Phonegap + JQuery 移动 : Android crash when I click on a link

c# - 既然是选择列表,我怎样才能按顺序设置导航?

c# - 使用参数导航到 VS2015 Windows 10 UWP 中的页面

css - 悬停时,使用一个 CSS 规则更改父项和子项的样式