我点击时的 javascript 选项卡

Question

我这里有问题。我这里有两个选项卡“LB”和“medalTally”。我需要在页面加载时默认显示第一个选项卡信息，当我单击第二个选项卡时它应该隐藏。我有一些代码。 任何人都可以帮助我究竟在哪里犯了错误。

$(document).ready(function() {
  var _this = $('.tab a:first')
  var block = _this.attr('href');
  $('.tab a').on('click', function(e) {
    e.preventDefault();
    var _this = $(this);
    var block = _this.attr('href');
    if (block == "#leaderboard") {
      $(block).fadeIn();
      $('#login').hide();
    }
    if (block == "#login") {
      $(block).fadeIn();
      $('#leaderboard').hide();
    }
  });
});

它的 fiddle 链接:https://jsfiddle.net/Zedhmem/ju0xr8of/1/

Answer 1

刚刚在 javascript 中添加了一行:

$('.tab.active a').click();

它将在 $(document).ready 上单击事件选项卡

https://jsfiddle.net/ju0xr8of/7/