jQuery Tabs与单独的页面

Question

我开始设计一个网站，它有很多功能和点击的东西，等等。整个网站在布局方面并没有真正规定，所以我正在设计它。这是一个样本设计，可以给你一个想法：

http://farm6.static.flickr.com/5176/5510107585_a9a15d680a.jpg

目前，我正在使用tab1，tab2等的jQuery选项卡。但是，很多内容将填满每个选项卡。例如，谷歌地图在一个，jQuery FullCalendar在另一个，jqPlot在另一个，等等。

初看起来大多是空的内容，这一切似乎都很快加载，但是随着更多内容的实施，可能会出现一些性能问题。我正在制作的javascript文件已经变得越来越大。

考虑到所有这些，我想知道在用户体验和编程工作方面，这个设计是否会更好地用多个页面而不是多个jQuery选项卡。

Answer 1

jQuery标签肯定比单个页面更好用。但是，我了解你的困境。我认为您应该考虑将页面中的每个内容作为单独的文件。然后，您可以将jQuery选项卡与AJAX一起使用。

这将与制表符具有相同的效果（可能需要更长时间加载），但它不应该是延迟或类似的。

以下是jQuery UI演示，以防您在找到它时遇到问题：

http://jqueryui.com/demos/tabs/#ajax

Answer 2

IMO，这取决于网站的使用情况。如果它意味着充当Web应用程序，并且您希望异步导航可以提供无缝透明，那么选项卡将是最佳选择。如果您想避免加载选项卡中的所有内容，可以考虑使用“延迟加载”技术，特别是如果您不希望网站用户必须使用/需要每个选项卡的内容。否则，使用传统页面会节省大量时间和麻烦，特别是如果您不想使用url事件处理模拟浏览器历史记录。对于用户而言，点击选项卡并尝试使用“后退”按钮查看之前的内容，只是为了将您的网站踢出原始推荐人，没有比这更令人沮丧的了。 :)

Answer 3

我使用jQuery ui标签并且一些行为不是我想要的（在jQuery UI中完成聚焦状态的方式是一团糟）。
css部分也很棘手。

我建议你在任何编码之前做一个简单的测试用例。