Jquery UL内的链接不工作_Jquery_Asp.net

Jquery UL内的链接不工作

jquery asp.net

Jquery UL内的链接不工作,jquery,asp.net,Jquery,Asp.net,我有一个UL，其中有一个列表项，我正在使用JQuery进行切换。列表项包含一个链接，当我单击该链接时，它什么也不做，列表项只是折叠 <script> $(function () { function toggleAccount(e) { if ($('#top-login-wrapper').hasClass('down')) { $('#top-login-wrapper').removeClass(

我有一个UL，其中有一个列表项，我正在使用JQuery进行切换。列表项包含一个链接，当我单击该链接时，它什么也不做，列表项只是折叠

 <script>
    $(function () {
        function toggleAccount(e) {
            if ($('#top-login-wrapper').hasClass('down')) {
                $('#top-login-wrapper').removeClass('down');
            } else {
                $('#top-login-wrapper').addClass('down');
            }
        }

        function hideAccount(e) {
            if ($('#top-login-wrapper').hasClass('down')) {
                $('#top-login-wrapper').removeClass('down');
            }
        }

        $("#top-login-wrapper").click(toggleAccount);
        $("#top-login-wrapper").focusout(hideAccount);
        $("#top-login-wrapper").blur(hideAccount);
    });
</script>


$（函数（）{
函数toggleAccount（e）{
if（$（'#顶部登录包装器'）.hasClass（'down'））{
$（“#顶部登录包装”）.removeClass（'down'）；
}否则{
$（“#顶部登录包装”）.addClass（'down'）；
}
}
函数HIDEACount（e）{
if（$（'#顶部登录包装器'）.hasClass（'down'））{
$（“#顶部登录包装”）.removeClass（'down'）；
}
}
$（“#顶部登录包装”）。单击（toggleAccount）；
$（“#顶级登录包装”）.focusout（hideAccount）；
$（“#顶级登录包装”）.blur（hideAccount）；
});

标记：

<html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
<title></title>
<link href="css.css" rel="stylesheet" />
<script src="jquery-1.9.0.js"></script>
<script src="jquery-1.9.0.min.js"></script> 

    </head>
 <body>
<form id="form1" runat="server">
<div>
    <div class="header-wrap">
        <div id="accountHeader" runat="server">   
                    <ul class="nav">
                        <li>
                            <div id="top-login-wrapper">
                                <a href="#" id="login-hover-link">
                     <asp:Label runat="server" ID="AccountName" Text="John Doe"/>
                                </a>
                         div id="login-hover-cont" class="offscreen profile-widget">
                                    <div class="inner-content">
                                        <h3>
                                            <span><%= AccountName.Text %></span>
                                        </h3>
                                        <span class="account-avatar">
                                            <img src="../img/avater.gif"" alt="" />
                                        </span>
                                        <ul class="profile-links">
                                            <li>
                                                <a href="#">My Account</a>
                                            </li>
                                            <li>
                      <a href="../logout.aspx" runat="server" id="logout">Sign Out</a>
                                            </li>
                                        </ul>

                                    </div>
                                    <div class="profile-widget-arrow-border"></div>
                                    <div class="profile-widget-arrow"></div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
         </div>
     </div>
   </form>
 </body>




div id=“登录悬停控制”class=“屏幕外配置文件小部件”>

我不知道我做错了什么，谁能帮帮我吗

我不是asp专家，但如果在链接中放置锚定标记，则需要使用css对其进行样式设置，以向li标记的尺寸方向延伸

a {
display: block;
height: 30px; // depends on your setting
width:100%;
}

希望对你有所帮助。

修复：

  $(function () {

     function toggleAccount(event) {
    if ($('#top-login-wrapper').hasClass('down')) {
        $('#top-login-wrapper').removeClass('down');
        $('top-login-wrapper').fadeOut(1000);
    } else {
        $('#top-login-wrapper').addClass('down');
        $('top-login-wrapper').fadeIn(1000);
    }
    event.stopPropagation();
}

  function hideAccount(event) {
    if ($('#top-login-wrapper').hasClass('down')) {
        $('#top-login-wrapper').removeClass('down');
    }
  }

  $("#top-login-wrapper").click(toggleAccount);
  $('body').click(hideAccount);
  $('html').click(hideAccount);
});

有很多事情是错误的，最好的开始方法是做一把小提琴并把我们联系起来：显然是css问题。