如何在jQuery移动中以编程方式切换导航栏选项卡？

Question

如何在jQuery移动设备中切换导航栏的界面，以便按下div中的按钮并显示不同的导航栏？

Answer 1

jQuery移动导航切换的jsFiddle Demo

我已经通过上面的链接创建了一个jsFiddle演示，可以解决您的问题。

特别是，您可以轻松地设置导航栏以及切换它到不同的栏。

我说不同的酒吧，因为小提琴允许更多的导航酒吧如你所需的，并且是非常容易适应。可以肯定的是，5上的任何导航栏都会按下。

编辑：根据你的消息评论，一旦创建了超过1个页面，就很容易在页面之间进行导航。这个不同的展示了如何用标记锚标记来动态切换页面。此可与原始jsFiddle答案一起使用，以提供complete解决方案。

重新编辑：根据你最近的评论，这个新的 允许在同一页上切换按钮的内容。

这里提供了一些简单的fiddle注释，可以让你了解正在发生的事情，但如果有任何不清楚的地方，可以向你咨询。

Answer 2

查看updatelayout事件。此事件由框架中动态显示/隐藏内容的组件触发，并用作通知其他组件它们可能需要更新其大小或位置的通用机制。来自jQuery站点的示例：

$( '#foo' ).hide().trigger( 'updatelayout' );

Answer 3

这就是你想要实现的吗？http://jsfiddle.net/cHrSN/18/