2009-11-29 29 views
0

我们的应用程序具有选项卡界面。目前每个选项卡都作为分隔页面加载。现在我们需要以标签内容应该通过ajax加载的方式来重写它。Web应用程序中的Ajax选项卡

不幸的是,只是加载内容与Ajax不够。 用户应该可以添加到每个标签的书签。这就是为什么整个网址应该在标签开关上更改的原因。 同时索引机器人应该没有问题在跟随标签中的链接。

我看到在Facebook上的标签一个很好的解决方案:他们使用的锚来存储这样的网址: http://www.facebook.com/profile.php?v=info&ref=profile&id=1241403629#/profile.php?v=wall&ref=profile&id=1241403629

我如何能实现与jQuery这个解决方案? 有没有准备好使用插件?

而且很酷的事情是,在这样的书签Facebook上点击后会自动重定向我: http://www.facebook.com/profile.php?v=wall&ref=profile&id=1241403629

这怎么可能?

回答

1

您可以通过确查询字符串传递一个参数或使用锚...

你耽误页面的选项卡的负载加载,你检查参数,然后你加载适当的选项卡。

例如,如果您有:

/yoururl.aspx#section1 

在页面加载你这样做(编辑:看我下面的评论):

$('#tabs_placeholder').load('url_of_tab_1'); 

你有条件做到这一点的所有标签页的

此解决方案适用于书签,因为锚点和查询字符串与URL保持一致。

希望这会有帮助

PS。这里是加载函数和其他jQuery AJAX函数的文档: http://docs.jquery.com/Ajax

+0

我只想指出,如果你想正确索引,你应该在页面加载时加载适当内容的页面。换句话说,当页面从服务器到达时,它应该适当填充相应的选项卡。然后,如果用户正在更改客户端上的选项卡,则可以使用AJAX进行更改。 – 2009-11-29 18:31:55

相关问题