jQuery 1.12 Tabs Widget:基于id的活动选项卡

时间:2018-03-08 08:53:33

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

我正在使用jQuery 1.12 Api,我想根据其id激活一个标签。 使用jQuery 1.8 Api可以使用这段代码:

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

从我在文档中看到的内容来看,在1.12中,最接近实现目标的方法是:

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

但是,这并不等同于第一段代码。所以我想知道1.12中是否存在等效方式来实现这一目标。

2 个答案:

答案 0 :(得分:0)

<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>

这在我的引导标签

中起作用了

答案 1 :(得分:0)

试试这个:

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