jQueryUI的标签，但使用不同的URL

Question

我目前使用的jQueryUI的标签上我的价格比较/免费登录网站，因为我真的很喜欢他们的样子，但是在分类页面，如这对

http://www.shopseekers.co.uk/category/546/1/womens-jewellery

我已经使用这些标签将常规零售价格比较列表与用户免费列表分开，但是不是从两个标签中加载所有内容，我想将内容分成两个URL，这是因为将会有1-40页的常规列表，然后是第1-40页的私人列表。

与其在每个常规列表页面中加载私人列表的页面1（这将看起来像Google的重复内容），将它分离得更加容易2.是否有人知道如何做到这一点保持搜索引擎优化友好（理想情况下，不使用JavaScript），我试过将href="#tabs-2"更改为所需的URL，但似乎只是将该URL加载到选项卡中的框架中。

对不起，如果我没有太清楚地解释它，但希望你能明白我的意思。

Answer 1

首先......你可能根本不应该使用标签。对于你想要完成的任务，使用你所设计的链接看起来与你所拥有的相同将会简单得多。你所说的你想改变的一切基本上都是标签所做的一切。

这就是说，一个可能的解决方案是设置一个click.PushState（）来改变url的点击函数，但是应该注意的是，目前对它的浏览器支持有限。它在IE9中不受支持。根据实施方式的不同，如果使用的浏览器不支持此功能，它可能会失败。

有关使用history.PushState的参考（）参见：https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history