jQuery 1.12 选项卡小部件:基于 id 的活动选项卡
jQuery 1.12 Tabs Widget: active tab based on id
我正在使用 jQuery 1.12 Api,我想根据其 ID 激活一个选项卡。
使用 jQuery 1.8 Api 这段代码是可能的:
$('#div-container').tabs('select', '#' + idTab);
根据我在文档中阅读的内容,在 1.12 中最接近的实现方式是:
$('#div-container').tabs( 'option', 'active', tabPosition);
但这并不等同于第一段代码..所以我想知道在 1.12 中是否有等效的方法来实现这一点。
<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>
这在 bootstrap 个选项卡中对我有用
试试这个:
var tabPosition = $( '#' + idTab ).index() - 1;
$( '#div-container' ).tabs( 'option', 'active', tabPosition );
我正在使用 jQuery 1.12 Api,我想根据其 ID 激活一个选项卡。 使用 jQuery 1.8 Api 这段代码是可能的:
$('#div-container').tabs('select', '#' + idTab);
根据我在文档中阅读的内容,在 1.12 中最接近的实现方式是:
$('#div-container').tabs( 'option', 'active', tabPosition);
但这并不等同于第一段代码..所以我想知道在 1.12 中是否有等效的方法来实现这一点。
<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>
这在 bootstrap 个选项卡中对我有用
试试这个:
var tabPosition = $( '#' + idTab ).index() - 1;
$( '#div-container' ).tabs( 'option', 'active', tabPosition );