如何在jQuery Mobile中以编程方式切换导航栏选项卡？
如何在jQuery Mobile中切换导航栏的界面，以便我可以按div中的按钮并显示不同的导航栏？
jsFiddle移动NAV Toggle 演示
我已经通过上面的链接创建了一个jsFiddle Demo来解决你的问题。
特别是，您可以轻松设置NAV Bar ，以及将其切换到不同的条形图。
我说不同的酒吧，因为小提琴允许你需要更多的NAV栏 ，并且很容易适应。 可以肯定的是，任何NAV栏都会在5个按钮处达到最大值 。
编辑：根据您的消息评论，一旦创建超过1页，很容易在页面之间导航 。 这个不同的jsFiddle显示了如何标记锚标签以即时切换页面。 这可以与原始的jsFiddle Answer一起使用 ，以提供完整的解决方案。
重新编辑：根据您最近的评论，这个新的 jsFiddle允许在同一页面上切换按钮内容。
提供简单的小提琴评论，以了解正在发生的事情，但询问任何不清楚的事情。
检查updatelayout事件。 此事件由框架内的动态显示/隐藏内容的组件触发，并且作为通知其他组件可能需要更新其大小或位置的通用机制。 来自jQuery站点的示例：
$( '#foo' ).hide().trigger( 'updatelayout' );
这是你想要实现的目标吗？ http://jsfiddle.net/cHrSN/18/
您的标签是否必须在JQM urlHistory或浏览器历史记录中进行整合？
如果没有，我将一个可折叠集更改为一个tabviewer，所以我没有自上而下的折叠，而是将小部件更改为支持data-type =“horizontal”，然后从左到右显示可折叠的内容部分显示为标签。 我还添加了下一个按钮，因此您可以通过单击选项卡按钮或上一个按钮来回来回。
但是，这一切都发生在页面内部，因此没有浏览器后退按钮支持。
如果这是正确的方向，我可以提出一个样本页面和解释。