Javascript jQuery onclick不显示导航

我已经看过了这方面的其他线索，有很多。我真的不知道这里发生了什么

我试图在点击时显示我的导航。但是，它现在只添加了我的活动类。导航不显示

html结构

<div class="nav-container">
    <div class="nav-handle"><i class="fa fa-bars">nav icon</i></div>

     <nav role="navigation">
          <ul role="menu">
               <li><a href="#">Home</a></li>
               <li><a href="#">About</a></li>
               <li><a href="#">Contact</a></li>
            </ul>
      </nav>
</div>

jquery我已经试过了

$(".nav-container").on('click', '.nav-handle', function () {
          $("nav").fadeIn('fast');
          $(".nav-handle").toggleClass('active');
     }, function () {
         $("nav").fadeOut('fast');
         $(".nav-handle").toggleClass('active');
     });

---

您正在为事件分配两个回调。但是，与事件不同，

click

事件只接受一次回调

它似乎只执行上面的第二次回调

不过，您可以使用一个

fadeToggle

，并进行一次回调：

$(".nav-container").on('click', '.nav-handle', function () {
    $("nav").fadeToggle('fast');
    $(".nav-handle").toggleClass('active');
});

---

下面是一个示例，显示了此操作。

您正在为事件分配两个回调。但是，与事件不同，

click

事件只接受一次回调

它似乎只执行上面的第二次回调

不过，您可以使用一个

fadeToggle

，并进行一次回调：

$(".nav-container").on('click', '.nav-handle', function () {
    $("nav").fadeToggle('fast');
    $(".nav-handle").toggleClass('active');
});

---

下面是一个示例，显示了此操作。

您正在为事件分配两个回调。但是，与事件不同，

click

事件只接受一次回调

它似乎只执行上面的第二次回调

不过，您可以使用一个

fadeToggle

，并进行一次回调：

$(".nav-container").on('click', '.nav-handle', function () {
    $("nav").fadeToggle('fast');
    $(".nav-handle").toggleClass('active');
});

---

下面是一个示例，显示了此操作。

您正在为事件分配两个回调。但是，与事件不同，

click

事件只接受一次回调

它似乎只执行上面的第二次回调

不过，您可以使用一个

fadeToggle

，并进行一次回调：

$(".nav-container").on('click', '.nav-handle', function () {
    $("nav").fadeToggle('fast');
    $(".nav-handle").toggleClass('active');
});

---

下面是一个显示此工作的示例。

on函数只接受一个回调函数。您应该将要隐藏或显示的逻辑放在一个函数中

大概是这样的：

$(".nav-container").on('click', '.nav-handle', function () {
     $("nav").fadeToggle('fast');
     $(".nav-handle").toggleClass('active');
 });

---

on函数只接受一个回调函数。您应该将要隐藏或显示的逻辑放在一个函数中

大概是这样的：

$(".nav-container").on('click', '.nav-handle', function () {
     $("nav").fadeToggle('fast');
     $(".nav-handle").toggleClass('active');
 });

---

on函数只接受一个回调函数。您应该将要隐藏或显示的逻辑放在一个函数中

大概是这样的：

$(".nav-container").on('click', '.nav-handle', function () {
     $("nav").fadeToggle('fast');
     $(".nav-handle").toggleClass('active');
 });

---

on函数只接受一个回调函数。您应该将要隐藏或显示的逻辑放在一个函数中

大概是这样的：

$(".nav-container").on('click', '.nav-handle', function () {
     $("nav").fadeToggle('fast');
     $(".nav-handle").toggleClass('active');
 });