我目前正在研究使用jQuery UI提供的选项卡替换Struts 1标记库提供的选项卡.我已成功设法将选项卡与现有应用程序集成,但我正在努力研究如何使用传入URL上的参数设置所选选项卡,即myurl.com/action.do?selectedTab=SecondTab.
我是JavaScript和jQuery的新手; 什么是从哪里开始的一些指示?
Jquery-UI为您提供(几乎)免费:使用内部链接.它比使用丑陋的get参数更好.
在导航器中传递http://my.site.org/mypage/#foo-tab将自动选择包含id ="foo-tab"的容器的选项卡.
诀窍是在选择选项卡时添加一个事件来更新URL,以便在重新加载时不会丢失当前选项卡:
$(document).ready(function () { $("#tabs").bind('tabsselect', function(event, ui) { window.location.href=ui.tab; }); });
使用http://www.mathias-bank.de/2007/04/21/jquery-plugin-geturlparam-version-2:
$(document).ready(function(){ var param = $(document).getUrlParam('selectedTab'); $('#menu').tabs('select', param); });
来自文档:
#select
签名:
.tabs( 'select' , [index] )
选择一个选项卡,就像单击它一样.第二个参数是要选择的选项卡的从零开始的索引或与选项卡关联的面板的id选择器(选项卡的href片段标识符,例如hash,指向面板的id).