jQuery .css 不工作？

Question

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

我尝试了几种方法，例如： - 默认隐藏选项卡（在 html 中使用“display:none”），并使用 .css("display","inline-block");展示它。 - 隐藏在文档中的选项卡加载 .css("display","none");稍后用 .css("display","inline-block"); - 使用 .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>

Answer 1

您缺少# 即addEventTab 的id 选择器：

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