Javascript css不工作吗？

我有一个带有选项卡的网页，但是我希望在默认情况下隐藏一些选项卡，并在登录完成后显示（成功登录时，将在js中运行一个函数，但是我似乎无法从该函数中显示选项卡）

我尝试过几种方法，例如： -默认情况下隐藏选项卡（html中带有“display:none”），并使用.css（“display”、“inline block”）；来展示它。 -选项卡隐藏在带有.css的文档加载中（“显示”、“无”）；后面用.css（“显示”、“内联块”）显示； -选项卡隐藏在文档加载中，使用.hide（）；并用.show（）显示

无论它们如何都不起作用，该选项卡始终显示。这是代码中与此相关的部分：

文件加载方法：

$(window).load(
  function() {
    $("addEventTab").css("display","none");
    $(".loader").fadeOut("slow");
  }
}

登录成功功能：

if (parseInt(response.substr(7,1)) >= 5) {
  $("addEventTab").css("display" , "inline-block");
  alert("appearing");
}

选项卡的html代码：

<li role="presentation"  id="addEventTab">
  <a href="#eventAdd" aria-controls="eventAdd" role="tab" data-toggle="tab">
    <i class="fa fa-plus fa-1x">Add An Event</i>
  </a>
</li>

您缺少

#

即

addEventTab的id选择器

：

$("#addEventTab").css("display","none");

在

$（“addEventTab”）.css（“display”，“none”）中输入错误
#
-应该是
$（“#addEventTab”）.css（“显示”、“无”）
因为
addEventTab
是元素的
id
，也可以使用
.hide（）
而不是
.css（'display'，'none'）