我正在开发一个 Web 应用程序,并且使用 JQuery UI Tabs 插件来分离数据。
如果我将鼠标悬停在每个选项卡上,我可以在屏幕左下角看到该选项卡的 URL(例如:testPage.com/#tab1 或 testPage.com/#tab2)
现在,如果我在 URL 栏中输入其中一个地址,我不会转到与 URL 中的哈希相关的选项卡,而是转到应用程序中的第一个选项卡。
我的问题是:如何将特定选项卡锚定到 URL?
因此,如果有人访问 testPage.com/#tab3,他们最终会出现在应用程序的选项卡 3 中。
我这样做也是因为我想使用 JQuery BBQ 插件来修改浏览器历史记录,这样我就可以让用户在点击后退按钮时转到他们所在的最后一个选项卡。
Example:
http://benalman.com/code/projects/jquery-bbq/examples/fragment-jquery-ui-tabs/ http://benalman.com/code/projects/jquery-bbq/examples/fragment-jquery-ui-tabs/
我最终使用了 Asual 的 JQuery Address 插件。我做了以下事情:
// For forward and back
$.address.change(function(event){
$("#main_tabs").tabs( "select" , window.location.hash );
});
// when the tab is selected update the url with the hash
$("#main_tabs").bind("tabsselect", function(event, ui) {
window.location.hash = ui.tab.hash;
});
希望这对某人有帮助!
谢谢。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)