Javascript JQuery UI选项卡:如何从另一个页面直接导航到选项卡?

Javascript JQuery UI选项卡:如何从另一个页面直接导航到选项卡?,javascript,jquery,jquery-ui,jquery-ui-tabs,Javascript,Jquery,Jquery Ui,Jquery Ui Tabs,jQueryUI选项卡由无序列表中的命名锚实现。当您将鼠标悬停在其中一个选项卡上时,您可以在浏览器底部显示的链接中看到: http://mysite/product/3/#orders 例如,上面是“订单”选项卡。JQuery显然会截取对此锚的点击,并打开选项卡 但是,如果我将上面的链接添加到书签中,或者从站点的其他位置链接到该链接,则该页面不会在特定选项卡上打开 在选项卡初始化块中,我考虑输入一些代码,在URL中查找命名锚,如果找到了,则对选项卡进行索引查找,并调用select。这意味着它在

jQueryUI选项卡由无序列表中的命名锚实现。当您将鼠标悬停在其中一个选项卡上时,您可以在浏览器底部显示的链接中看到:

http://mysite/product/3/#orders
例如,上面是“订单”选项卡。JQuery显然会截取对此锚的点击,并打开选项卡

但是,如果我将上面的链接添加到书签中,或者从站点的其他位置链接到该链接,则该页面不会在特定选项卡上打开

在选项卡初始化块中,我考虑输入一些代码,在URL中查找命名锚,如果找到了,则对选项卡进行索引查找,并调用select。这意味着它在JS关闭的情况下仍然可以工作


但是有没有更简单/更好/更好的方法呢?

在1.8之前的jQueryUI版本中,这几乎是您必须采用的方法。标签扩展AFAIK不知道在页面加载时根据它初始化的锚点进行切换,因此您当然必须在ready事件中手动执行该操作

如前所述,jQuery UI 1.8中选项卡的新版本发现了以下示例:


从1.8版开始,jQuery UI支持此功能。请参见此处的示例:



我使用会话插件在一个自定义选项卡类中完成了这一点

谢谢,只是想确保我没有遗漏任何明显的内容。必须是一个常见要求,因为他们在jQuery UI站点上的演示似乎在anchor上正确初始化。@R0MANARMY-我建议您添加一个答案,说明这在最新版本中有效。我可以给你打个标记,然后JS选项卡控件将无法与JS一起工作,因为它都是JSInterest-1.3.2。有一段时间我一直想升级,但我要按照“不破产,不修复”的政策。听起来我有一个很好的理由现在升级,虽然我不期待的未来retest@Hunter-不,标签不起作用,但行为仍然正确。如果JS被关闭,链接将带您进入页面的正确部分。jQuery 1.3.2或jQueryUI 1.3.2?看起来我是在稳定版本中,所以我可能会坚持使用编码解决方案,感谢thoughperfect,我已经将其包装在一个帮助函数中,并从tabs控件的加载事件调用它,谢天谢地,这不会在选项卡之间保留哈希信息。因此,如果我在同一个页面中从www.page.com1转到www.page.com2,它不会改变标签。@Zach-你去年在哪里?这是个奇怪的问题,你的意思是什么?我在寻找与此答案相关的特定问题的解决方案。考虑到每个人都会收到通知,我不认为迟来的评论和问题有任何问题。谢谢,稳定版本暂时取消了,但我会在我能顺便问一下jQueryUI 1.8是当前的稳定版本时升级。请参阅关于jQueryUI 1.7的部分?。奇怪的是,他们还没有更新首页:最新的1.8:jQuery 1.4+稳定的1.7.2:jQuery 1.3+-我也在使用jQuery 1.3,所以我会同时升级这两个版本。链接不再有效。幸运的是,通过AJAX加载内容时,链接不起作用。
if(document.location.hash!='') {
    //get the index from URL hash
    tabSelect = document.location.hash.substr(1,document.location.hash.length);
    $("#my-tabs").tabs('select',tabSelect-1);
}