jQuery - 重新选择选项卡

发布于 2024-10-25 19:34:33 字数 262 浏览 4 评论 0原文

我使用的是 jQuery 选项卡,它们是使用选择器从静态 .js 文件初始化的: $()

.ready(function () {
    $('.jqTabsStandard').tabs();
});

我正在使用 ASP.NET(我认为这并不重要),但是当我单击其中一个选项卡中的按钮时,有没有一种方法可以在页面重新加载时重新选择该选项卡。我正在考虑将选项卡部分粘贴到 UpdatePanel 中。我希望有一种方法可以触发选项卡重新选择。

I'm using jQuery tabs, which are initialized from a static .js file using a selector:
$()

.ready(function () {
    $('.jqTabsStandard').tabs();
});

I'm using ASP.NET (not that it makes a difference I think), but when I click a button in one of the tabs, is there a way I can re-select that tab when the page reloads. I was thinking of sticking the tab section in an UpdatePanel. I was hoping there's a way I could trigger the tab to reselect.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

七分※倦醒 2024-11-01 19:34:33

可能是:

UI/API/1.8/Tabs - jQuery JavaScript 库

或:


$('.jqTabsStandard').tabs( "disable" ).tabs( "enable" ).tabs( "select" , index );

may be:

UI/API/1.8/Tabs - jQuery JavaScript Library

or:


$('.jqTabsStandard').tabs( "disable" ).tabs( "enable" ).tabs( "select" , index );
场罚期间 2024-11-01 19:34:33

您可以使用hiddenField来保留当前选定的选项卡,然后当刷新发生时,检查该隐藏字段的值,如果找到一个值(例如:1作为第二个选项卡的索引)您可以获取该值,并重新选择该选项卡。

例如:

1- 获取所选选项卡的当前索引后:

$("#ID_OfYourHiddenField").val(INDEX_VALUE);

2- 回发后,从此隐藏字段获取值

var tabIndex = $("#ID_OfYourHiddenField").val();

3- 使用 jQuery 选项卡选择选项卡

$('.jqTabsStandard').tabs( "select" , tabIndex );

You can use a hiddenField to persist the currently selected tab, then when the refresh happen, check the value of that Hidden field, if you found a value( for example: 1 as the index of the 2nd tab) you can grab this value, and reselect the tab.

for example:

1- after getting the current index of the selected tab:

$("#ID_OfYourHiddenField").val(INDEX_VALUE);

2- after your postback, get the value from this hidden field

var tabIndex = $("#ID_OfYourHiddenField").val();

3- select the tab using jQuery tab

$('.jqTabsStandard').tabs( "select" , tabIndex );
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文