jQuery 1.12 选项卡小部件：基于 id 的活动选项卡答案

【问题标题】：jQuery 1.12 Tabs Widget: active tab based on idjQuery 1.12 选项卡小部件：基于 id 的活动选项卡
【发布时间】：2018-08-16 13:34:16
【问题描述】：

我正在使用 jQuery 1.12 Api，我想根据其 ID 激活一个选项卡。使用 jQuery 1.8 Api 可以通过这段代码实现：

$('#div-container').tabs('select', '#' + idTab);

根据我在文档中阅读的内容，在 1.12 中实现这一目标的最接近的方法是：

$('#div-container').tabs( 'option', 'active', tabPosition);

但这并不等同于第一段代码..所以我想知道 1.12 中是否有等效的方式来实现这一点。

【问题讨论】：

标签： javascript jquery html jquery-ui jquery-ui-tabs

【解决方案1】：

试试这个：

var tabPosition = $( '#' + idTab ).index() - 1;
$( '#div-container' ).tabs( 'option', 'active', tabPosition );

【讨论】：

PS：别忘了定义idTab。
.index() 函数正是我想要的！谢谢！！

【解决方案2】：

<script type="text/javascript">
        $(window).on('load resize', function () {
            if (window.location.hash) {
                $('.nav-tabs a[href="' + window.location.hash + '"]').tab('show');
            } else {
                $('.nav-tabs a:first').tab('show')
            }
            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
                window.location.hash = e.target.hash
            })
        });
    </script>

这在引导选项卡中对我有用

【讨论】：