带有 jQ​​uery mobile 的非 ajax 标签栏

Question

我正在尝试创建一个包含两个选项卡的页面。我在页脚区域放置了一个导航栏，通过单击导航栏上的按钮，我可以在页面之间导航，但这对于我们的场景来说远非最佳。如果用户多次在选项卡之间切换，浏览器会保存这些导航活动的所有历史记录，并且用户必须多次点击返回按钮才能返回主屏幕。是的，我知道我可以将后退按钮放在标题中，然后单击一下即可将用户返回到主屏幕，但现在处理后退按钮问题更为重要。

有没有办法创建一个不异步切换页面的标签栏？我只需要一个导航栏，当单击其中一个按钮时隐藏或显示内容。还是应该手动隐藏或显示内部内容？

Answer 1

如果您不使用多页模板，则应该使用data-ajax='false' 属性。这将阻止 JQM 将其放入您正在经历的历史记录中。

另外，请查看这篇类似的帖子，了解如何阻止页面被添加到历史记录中：How do I prevent a link from adding to the history stack with jQuery Mobile - 那里有有用的答案（虽然 OP 不接受）。

干杯！