我开始设计一个网站，它有很多功能和可以点击的东西等。整个网站在布局方面并没有真正规范，所以我边走边设计.这是一个示例设计，可让您有所了解：
http://farm6.static.flickr.com/5176/5510107585_a9a15d680a.jpg
目前，我正在为 tab1、tab2 等使用 jQuery 选项卡。但是，很多内容将填满这些选项卡中的每一个。例如，一个 google 地图，另一个 jQuery FullCalendar，另一个 jqPlot，等等。
乍一看，内容大多为空，加载速度似乎很快，但随着更多内容的实现，可能会出现一些性能问题。我正在制作的 javascript 文件已经变大了。
考虑到所有这些，我想知道在用户体验和编程工作方面，这种设计是否会更好地使用多个页面而不是多个 jQuery 选项卡。
【问题讨论】：
标签： jquery jquery-ui web-applications
我使用 jQuery UI 选项卡，但有些行为不是我想要的（在 jQuery UI 中完成聚焦状态的方式是一团糟）。
css 部分也很棘手。
我建议您在进行任何编码之前先做一个简单的测试用例。
【讨论】：
jQuery 选项卡肯定比单个页面更有效。不过，我理解你的困境。我认为您应该考虑将页面中的每个内容都设为单独的文件。然后，您可以将 jQuery 选项卡与 AJAX 一起使用。
这将具有与标签相同的效果（可能加载时间更长），但它不应该是滞后或类似的东西。
这里是 jQuery UI 演示，如果你找不到它：
【讨论】：
IMO，这取决于网站的使用情况。如果它旨在充当 Web 应用程序，并且您想要异步导航可以提供的无缝透明度，那么选项卡将是您的选择。如果您想避免加载选项卡中的所有内容，您可能会考虑“延迟加载”技术，特别是如果您不希望站点的用户一定会使用/需要每个选项卡的内容。否则，使用传统页面可以节省大量时间和麻烦，特别是如果您不想用 url 事件模拟浏览器历史记录。没有什么比单击选项卡并尝试使用“后退”按钮查看上一个选项卡更让用户感到沮丧的了，只是为了被踢出您的网站并转到原始推荐人。 :)
【讨论】：