javascript - jQUERY下拉不会，当我点击它时关闭，除非我在我的锚标签中有一个#。它保持下拉，当我点击时没有任何反应

Question

抱歉，我确实希望标签链接到登录。

假设只有注册和登录页面会下拉。注册码是一样的。这是页面的 html 代码

    <header id ="logo_nav"> 

   <img class="logo" src="logo.png" width=" 382"  height="122 " alt="voucher">

     <ul id= "main_nav">
     <li> <a href="index.php"> Home   </a></li>



<li id ="login">
   <a id="login-trigger" href="login.php">
 Login here  <span> ▼ </span>
    </a>  

   <div id="login-content"> 

  <form action = "log.php" method="post">


    <label id="user"> Username  </label>

   <br/>
<input id="inputbox"type="text" name="username"> 

   <br/>
<label id="pass"> Password  </label> 

    <br/>

<input  id="pinput" type="password" name="password">  <br/>




 <input id="submit" type="submit" value ="log in">
     </form>

• 下面是不允许我下拉和关闭的 jquery 代码。

   $(document).ready(function(){
  

  $('#login-trigger').click(function(){ $(this).next('#login-content').slideToggle(); $(this).toggleClass('active');

  if ($(this).hasClass('active')) $(this).find('span').html('▲')
      else $(this).find('span').html('▼')
  })
        });
  

Answer 1

您必须添加href="#"，因为您不希望标签链接到任何地方。