如何在jQuery Mobile中编程切换导航栏选项卡？

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

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

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

---

这就是你想要达到的目标吗？

jsFiddle of jQuery移动导航切换 我已经通过上面的链接创建了一个jsFiddle演示，可以解决您的问题

特别是，您可以轻松地设置导航栏，也可以在不同的导航栏之间切换导航栏

我之所以说不同的导航条，是因为小提琴可以根据您的需要提供更多导航条，而且非常容易适应。可以肯定的是，在5个按钮处的任何导航栏

编辑：根据您的邮件评论，一旦创建了多个页面，就可以轻松地在页面之间导航。这个不同的展示了如何标记锚定标签来动态切换页面。这个可以与原始JSFIDLE答案一起使用，以提供一个完整的解决方案

重新编辑：根据您最近的评论，此新功能允许在同一页面上切换按钮内容

---

提供了一些简单的注释以了解正在发生的事情，但询问任何不清楚的事情。

您的选项卡是否必须集成在JQM URL历史记录或浏览器历史记录中

如果没有，我将a更改为tabviewer，因此我没有使用自上而下的可折叠文件，而是将小部件更改为支持data type=“horizontal”，然后从左到右显示可折叠文件，内容部分显示为选项卡。我还添加了next previous按钮，因此您可以通过单击tab按钮或prev next按钮来来回切换

但是，这一切都发生在页面内部，因此不支持浏览器后退按钮

---

如果方向正确，我可以提供一个示例页面和解释。

我不太清楚你的意思是什么？我想做的是有一个外部按钮，切换两个导航栏“标签”。谢谢嗨@Efthimis让我来说明我需要什么。。。我有两个标签在上面，代表两页，在我的代码中，我按下一个下一步按钮，我需要更改标签的颜色，在标签二，我有一个按钮返回，需要切换第一个标签，这是一个插图Hi@Efthimis让我说明我需要什么。。。我有两个标签在上面，代表两页，在我的代码中，我按下一个下一步按钮，我需要更改标签的颜色，在标签二，我有一个按钮返回，需要切换第一个标签，这是一个插图@AdamSurfari，这是arttronics。在我的演示中，您将看到

数据主题

属性，该属性指定各个锚链接的按钮颜色。a=黑色，b=蓝色，e=黄色。锚链本身已准备好使用，并且每个锚链都可以设置为调用所需的导航状态。这有帮助吗？问题是我没有两页或两组导航栏锚。我有两个div，所以我只有一组需要通过onclick事件更改的navbar链接。EDIT:3rd jsFiddle已在我的答案的重新编辑部分提供，您也可以访问。享受吧！差不多就是这样，但我可以看到您标识了$（'#navbar-1 ul li a'）.each（function（）{$（this）.removeClass（'ui-btn-active'）；}）；必要的适当性。谢谢我想我可以从这里开始。没有标签不需要在url上。如果您处于输入模式或图形模式，它只是一个视觉变化来显示。我基本上需要编程来更改选项卡的活动参数。