如何使用 Jquery UI 设置默认选项卡

发布于 2024-08-03 15:47:39 字数 253 浏览 7 评论 0原文

我使用 Jquery 和 Jquery UI 进行以下操作:

$(document).ready(function() {
    $('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
});

现在,它会自动将第一个选项卡设置为文档加载时选择的默认选项卡。如何覆盖此选项并使第二个选项卡成为页面加载时默认选择的选项卡?

I'm using Jquery and Jquery UI with the following:

$(document).ready(function() {
    $('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
});

Right now it automatically sets the first tabs as the default tab that is selected when the document loads. How do I override this and make the second tab the default selected tab when the page loads?

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

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

发布评论

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

评论(3

﹉夏雨初晴づ 2024-08-10 15:47:39
$('#tabvanilla > ul').tabs({ selected: 1 });

有关更多详细信息,请访问规范页面

$('#tabvanilla > ul').tabs({ selected: 1 });

More details on the specifications page.

转身泪倾城 2024-08-10 15:47:39

如果您碰巧使用 jQuery UI >= 1.9,它的工作原理如下:

$(".selector" ).tabs({ active: 2 });

有关 Tabs Widget API 页面的更多详细信息:http://api.jqueryui.com/tabs/#option-active

If you happen to be using jQuery UI >= 1.9, this is how it works:

$(".selector" ).tabs({ active: 2 });

More details on the Tabs Widget API page: http://api.jqueryui.com/tabs/#option-active

谎言月老 2024-08-10 15:47:39

我发现这个替代解决方案在某些情况下可能更可取:
http://www.markhneedham。 com/blog/2010/09/08/jquery-ui-tabs-changing-selected-tab/

I found this alternate solution which might be preferable in some situations:
http://www.markhneedham.com/blog/2010/09/08/jquery-ui-tabs-changing-selected-tab/

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