标签 javascript jquery css tabs
<分区>
基于选项卡的浏览的最佳方法是什么？各有优缺点？
我正在尝试实现一个所有导航都基于选项卡的页面；我想要一种侧面菜单/抽屉，以及顶部的标题(一个简单的 Logo 栏)，然后将屏幕的其余部分作为容器，该容器将根据所选的元素(选项卡)进行填充。
我可以全部设置，但我如何有效地加载该内容 View 中的每个不同页面？我很快尝试根据 <div> 隐藏/显示每个使用 jQuery，但它有点引发了谷歌地图和我正在使用的其他 js 库的问题。
也试过load() ，但我记得它也给我带来了一些麻烦。它应该全部包含在一个页面中，还是不同的页面中，只需将每个页面加载到那个 <div> (框架？不太了解它们)？
最佳答案
每个人都会对如何创建单页应用程序有自己的偏好。我正在使用 angularjs，因为我想要我的数据的双向绑定(bind)过滤器功能。 angularjs 控制添加和删除页面的一种方法是使用 ng-view。
<div ng-view id='ChgViewSection'></div>
那个<div>是空的。通过更改 URL(无需重新加载页面)来添加或删除内容，然后触发一些代码。该代码有一个叫做 $routeProvider 的东西, 并且路由指定要放入 DIV 元素的内容。
我将 URL 更改为:window.location.href
function mainMenuChg(argPage) {
//console.log('argPage: ' + argPage);
window.location.href = "#" + argPage;
};
要在没有任何框架的情况下创建您自己的页面路由，您需要一种从文件中检索 HTML 内容的方法。您可以将所有内容放在一个 HTML 文件中，然后隐藏和显示部分，但这会变得困惑，试图弄清楚什么 HTML 转到什么页面。因此，您需要一种方法将每个页面分离到它自己的文件中，然后检索内容。
在更改页面的同时更改 URL，允许用户共享指向特定页面的链接。因此，如果您希望用户能够宣传特定的页面内容，这就是您所需要的。
关于javascript - 基于选项卡的 Web 浏览的最佳方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24458215/