Question

我的代码无法正常运行。我需要在class="menubutton"上的用户点击时标记header添加类"hidden"。再次按下时，课程被删除了。

这是我的代码。

HTML：

<header>
  <div class="headgeneral">
    <div id="headerlogo_dot">
      <div class="menubutton">
        <i class="fa fa-bars" aria-hidden="true"></i>
      </div>
    </div>
  </div>

jQuery的：

jQuery('.menubutton').click( function() {
    jQuery("header").toggleClass("hidden"); 
});

Answer 1

$('document').ready(function() {
  jQuery('.menubutton').click(function() {
    jQuery("header").toggleClass("hidden");
  });
});

.headgeneral{
  border: 2px solid black;
  padding: 30px;

}

.menubutton{
  border: 1px solid green;
  padding: 10px;
}

.hidden{
  background: #ffd;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<header>
  <div class="headgeneral">
    <div id="headerlogo_dot">
      <div class="menubutton">
        <i class="fa fa-bars" aria-hidden="true"></i>
      </div>
    </div>
  </div>
</header>

使用JQuery时，必须在ready方法中编写代码，并且没有提及标记的任何样式，以便在页面中看不到它。

Answer 2

您需要在加载文档后加载jQuery侦听器。你可以这样做：

$('document').ready(function() {
  $('.menubutton').click(function() {
    $("header").toggleClass("hidden");
  });
});

PS：该代码段不会加载任何内容，请尝试修复它。没有它，我们无法为您提供更多信息。

jQuery onclick添加类并删除

2 个答案: