jQuery在bootstrap中打开特定选项卡

zy1mlcev  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(96)

在我的网站上,多亏了一个小脚本,我可以直接从另一个页面打开一个标签。
但是,即使脚本将我放在右选项卡中,内容仍然不可见,即。全是白色。
实际上,标签的内容在检查中是可见的。
我想直接从另一个页面打开特定的选项卡。

jQuery(window).load(function() {

  setTimeout(function() {
    var href = window.location.hash;
    if (href && jQuery('a' + href).length && jQuery('.post-3167 .nav.nav-tabs').length) {
      jQuery('.post-3167 .nav.nav-tabs .nav-item').removeClass('active');
      jQuery('.post-3167 .tab-content .tab-pane').removeClass('active')
      jQuery('a' + href).parent().addClass('active');
      jQuery(jQuery('a' + href).attr('href')).addClass('active');
    }
  }, '1000');

});
qjp7pelc

qjp7pelc1#

确保添加show类以显示选项卡内容,并确保正确应用active类。

jQuery(window).load(function() {
  setTimeout(function() {
    var href = window.location.hash;
    if (href && jQuery('a[href="' + href + '"]').length && jQuery('.post-3167 .nav.nav-tabs').length) {
      jQuery('.post-3167 .nav.nav-tabs .nav-item').removeClass('active');
      jQuery('.post-3167 .tab-content .tab-pane').removeClass('active show');
      jQuery('a[href="' + href + '"]').parent().addClass('active');
      jQuery(href).addClass('active show');
    }
  }, 1000);
});

相关问题