如何在jQuery Mobile中以编程方式切换导航栏选项卡? [英] How do I programmatic toggle navbar tabs in jQuery Mobile?

问题描述

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

How do I toggle the navbar's interface in jQuery Mobile so i can press a button in a div and display a different navbar?

推荐答案

jsFiddle 演示

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

jsFiddle Demo of jQuery Mobile NAV Toggle

I have created a jsFiddle Demo via the link above that should address your question.

尤其是，您可以轻松地设置导航栏，也可以在不同的栏之间来回切换.

In particular, you can set the NAV Bar easily as well as toggle it to and from different bars.

我说了不同的小节，因为小提琴允许您根据需要增加更多的NAV小节，并且非常容易适应.可以肯定的是，任何导航栏 最大输出 (位于 5个按钮).

I say different bars because the fiddle allows for as many more NAV bars as you require, and is very easy to adapt. To be sure, any NAV bar maxs-out at 5 buttons.

编辑:根据您的留言评论，一旦创建了多个页面，就很容易在页面之间导航.此不同的 jsFiddle 显示了如何标记锚标记快速切换页面.该可以与原始jsFiddle答案一起使用，以提供一个完整解决方案.

Per your message comments, it's easy to navigate between pages once more than 1 page is created. This different jsFiddle shows how to label the anchor tags to switch pages on-the-fly. This can be used with the original jsFiddle Answer to provide a complete solution.

重新编辑:根据您的最新评论，此新 jsFiddle 允许在同一页面上切换按钮内容.

RE- Per your most recent comments, this new jsFiddle allows toggling of the buttons contents while on the same page.

提供了简单的小提琴评论，以了解正在发生的事情，但询问有哪些不清楚之处.

Provided are simple fiddle comments to understand what's going on, but ask about anything unclear.

这篇关于如何在jQuery Mobile中以编程方式切换导航栏选项卡?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！