Question

Asp.Net的新手。在我的应用程序中，我需要在单击用户名显示子菜单时显示菜单中的用户名称。所以我试过这个

 <div id="DivRight">
   <ul> <li><asp:LinkButton ID="lblusername" CssClass="imjusttext"
   ForeColor="#1570a6" Font-Underline="false" Text="Admin" OnClientClick="return false"  
    runat="server"/></li></ul>
 </div>
 <div id="DivSubMenuRight" style="display:none" runat="server">
   <ul> <li><asp:LinkButton ID="lblSignout" CssClass="imjusttext" ForeColor="#1570a6" 
   Font-Underline="false" Text="Sign Out" OnClientClick="return false"  runat="server"/>
   </li></ul>
</div>

我需要在服务器代码中点击事件，所以我使用linkbutton。

ASP.NET

   Protected Sub lblusername_Click(ByVal sender As Object, ByVal e As System.EventArgs)
 Handles lblusername.Click
        DivSubMenuRight.Visible = True
    End Sub

Protected Sub lblSignout_Click(ByVal sender As Object, ByVal e As System.EventArgs) 
    Handles lblSignout.Click
         FormsAuthentication.SignOut();
    End Sub

CSS

.imjusttext{ color: #1570a6; text-decoration: none; }
.imjusttext:visited { color: #1570a6; text-decoration: none; }

修改

当我点击用户名然后显示div，就像当我们将一些标签名称悬停在其黑色的显示矩形框中时。像那样。怎么做？我需要在服务器端编码中右键注销click事件以进行用户身份验证，以便如何编写它。因为它是一个链接按钮？

正在使用 ASP.NET 2008

Answer 1

单击时使用Jquery显示/隐藏元素。这是基本的例子。

$('.submenu a').click(function() {
  $(this).parent().find('ul').toggle();
  return false;
});

ul li ul{
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="DivSubMenuRight">
  <ul>
    <li class="submenu"><a href="google.com">Signout</a>
      <ul>
        <li>sub menu 1</li>
        <li>sub menu 2</li>
        <li>sub menu 3</li>
      </ul>
    </li>
  </ul>
</div>

Answer 2

默认使用hide属性来隐藏div标签，然后你可以在jquery中使用show（）属性点击用户名

  $('#DivSubMenuRight').hide();
  $('#user_name').click(function()
  {
      $('#DivSubMenuRight').show();
  });

Answer 3

为usrname链接提供一些ID

$("#lblusername").on('click',function(){

   $("#DivSubMenuRight").show();;
})

在单独链接中放置href="javascript:void(0)"以避免默认行为

$("#lblSignout").on('click',function(){

  // call your signout url
})

单击链接按钮时显示Div

3 个答案: