2011-03-08 90 views
3

我开始设计一个网站,将有不少功能和东西点击等,这整个网站是不是真的在布局方面spec'ed,所以我在我去的时候设计它。下面是一个简单的设计,给你一个想法:jQuery选项卡vs单独的页面

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

目前,我使用jQuery的标签为TAB1,TAB2,等等。但是,很多内容是要填补的每个选项卡。例如,一个谷歌地图,另一个jQuery FullCalendar,另一个jqPlot等。

乍一看,大部分为空的内容,它似乎都加载得很快,但也许可能会有一些性能问题,如更多的东西被实现。我正在制作的JavaScript文件已经变得很大。

考虑到这一切,我想知道这个设计是否会更好地服务于多个页面,而不是多个jQuery标签,无论是在用户体验还是编程方面。

回答

0

IMO,它取决于网站的使用。如果它的目的是充当一个Web应用程序,并且您希望异步导航可以提供的无缝透明性,那么标签就是要走的路。如果您想要避免加载标签中的所有内容,您可能会考虑使用“延迟加载”技术,特别是如果您不希望网站的用户必须使用/需要每个标签的内容。否则,使用传统页面会节省大量时间和麻烦,特别是如果您不想处理使用url事件模拟浏览器历史记录。对用户来说,没有什么比这更令人沮丧的了,然后点击一个标签并尝试使用“返回”按钮来查看以前的内容,只是将其从您的网站中踢出到原始引荐网站。 :)

1

jQuery选项卡肯定比个别页面更好地工作。但是,我明白你的困境。我认为您应该考虑将网页中的每个内容都作为单独的文件。然后,您可以在AJAX中使用jQuery标签。

这会和制表符有相同的效果(可能要稍微加载一次),但它不应该是滞后或类似的东西。

这里是jQuery UI的示范,如果你很难找到它:

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

0

我用jQuery UI选项卡的工作,有些行为是不是我想要的(顺便集中的状态中完成jQuery UI是一团糟)。
此外,CSS部分可能会很棘手。

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

相关问题