jQuery .css 不工作？

Question

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

我试过几种方法，比如： - 默认情况下隐藏选项卡（html 中的 "display:none"），并使用 .css("display","inline-block");显示它。 - 隐藏在文档加载中的选项卡 .css("display","none");稍后显示 .css("display","inline-block"); - 使用 .hide() 隐藏在文档加载中的选项卡；并显示 .show();

但是 none 它们有效，标签总是显示。这是与此相关的代码部分：

文件加载方式：

$(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");

jQuery .css 不工作？

jQuery .css not working?

html

javascript

css

jquery

tabs