当前位置:  开发笔记 > 编程语言 > 正文

选择使用参数的URL jQuery的标签

如何解决《选择使用参数的URLjQuery的标签》经验,为你挑选了2个好方法。

我目前正在研究使用jQuery UI提供的选项卡替换Struts 1标记库提供的选项卡.我已成功设法将选项卡与现有应用程序集成,但我正在努力研究如何使用传入URL上的参数设置所选选项卡,即myurl.com/action.do?selectedTab=SecondTab.

我是JavaScript和jQuery的新手; 什么是从哪里开始的一些指示?



1> Stan..:

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;
        });
    });


不,我花了6个月才忘记怎么办!
@ kralco626:https://docs.djangoproject.com/en/dev/#the-view-layer的语法无效.干杯.

2> zihotki..:

使用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).

推荐阅读
手机用户2402852387
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有