jQUERY下拉菜单不会,当我点击它时关闭,除非我的锚点中有一个#tag.it 保持下拉,否则当我点击时什么都不会发生


jQUERY drop down wont, close when i click it, unless i have a # in my anchor tag.it stays dropped down,nothing happens when i click

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

只有注册和登录页面应该下拉。 注册代码相同。 这是页面的 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('&#x25B2;')
        else $(this).find('span').html('&#x25BC;')
    })
          });
    

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