在 Jquery-UI 选项卡中按名称切换到选定的选项卡 | 选项卡中按名称切换到选定的选项卡

本文介绍了在 Jquery-UI 选项卡中按名称切换到选定的选项卡的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如果我有三个标签:


<ul><li><a href="#sample-tab-1"><span>一个</span></a></li><li><a href="#sample-tab-2"><span>两个</span></a></li><li><a href="#sample-tab-3"><span>三</span></a></li>

我想按它的名字切换到#sample-tab-2.我知道如果我知道它的数字，我可以切换到一个选项卡，但如果我遇到了，我不会知道.

注意事项:JQuery 1.3.1/JQuery-UI 1.6rc6

解决方案

我无法得到以前的答案.我执行以下操作以按名称获取选项卡的索引:

var index = $('#tabs a[href="#simple-tab-2"]').parent().index();$('#tabs').tabs('select', index);

If I have three tabs:

<div id="tabs">
    <ul>
        <li><a href="#sample-tab-1"><span>One</span></a></li>
        <li><a href="#sample-tab-2"><span>Two</span></a></li>
        <li><a href="#sample-tab-3"><span>Three</span></a></li>
    </ul>
</div>

I would like to swap to #sample-tab-2 by it's name. I know I can switch to a tab if I know it's number, but in the case I've run into I won't know that.

Notes: JQuery 1.3.1 / JQuery-UI 1.6rc6

解决方案

I could not get the previous answer to work. I did the following to get the index of the tab by name:

var index = $('#tabs a[href="#simple-tab-2"]').parent().index();
$('#tabs').tabs('select', index);

这篇关于在 Jquery-UI 选项卡中按名称切换到选定的选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！