为bootstrap SPA实现可切换页面的最佳方法

Question

我正在为嵌入式平台创建一个相对简单的Web UI。对于布局样式bootstrap 4似乎是一个很好的方式去。这个想法是单页面应用程序，不使用任何其他框架。页数非常有限，可能是固定的导航栏或4页的标签。大多数页面将包含许多显示信息的“卡片”。将通过websocket从嵌入部分控制导航。

现在更具体一点，用Bootstrap创建“可切换页面”的好方法是什么。

• 隐藏显示div
• 隐藏展示容器（这可能吗？）
• 从Javascript函数中动态创建页面
• 还有其他选择吗？

我对Javascript和Web编程没有多少经验，所以一些指示或建议会有所帮助。

Answer 1

最简单的方法是将相同的类（假设它为_view）和不同的ID添加到您的＆＃34;视图＆＃34;中。 像这样你每次需要打开一些＆＃34;页面＆＃34;时就会$('._view').hide(); $('#' +id).show();。 类名中的P. S. Underscore指向维护者，该类不用于样式，但脚本需要