Html 使用jQuery Mobile进行仪表板导航

我想使用jQuery mobile在移动web应用程序中实现仪表板式导航：

是否有任何有用的模板或好的方法来做到这一点？当然，我可以构建一个基于网格的内容页面，包含图标和链接。但由于仪表板导航的流行，我期待一个更简单的解决方案

提前感谢

谈论如何在jquery mobile中使用自定义图标。我将按照此方法创建图标，然后参考以获取有关如何构建3 x 3列列表的说明：

<div data-role="navbar">
    <ul>
        <li><a href="a.html" class="ui-btn-active">One</a></li>
        <li><a href="a.html" class="ui-btn-active">Two</a></li>
        <li><a href="a.html" class="ui-btn-active">Three</a></li>
    </ul>
</div>

在同一篇文章的后面是一个“使用第三方图标集”部分，该部分将解释如何添加图标。由于您不希望图标后面有默认框，因此可以向容器div添加另一个css类，在该类中可以覆盖jquerymobile的“navbar”类并隐藏该框：

<div data-role="navbar hidebox">

注意：在使用jquery mobile时，我会在jquerymobile css导入后导入自己的自定义样式表。这让我可以覆盖jquery mobile注入到代码中的类。这是我重写“hidebox”类的地方

---

此外，由于该开发人员也在做类似的事情（我知道，该开发人员正在使用Sencha Touch，但围绕它的讨论可能会有所帮助）。

+1对于这个问题，我认为这对于jquery移动开发人员来说可能是一个非常有用的线索。我编辑了我的答案。