C# 如何根据某些条件隐藏特定的jqueryui选项卡?

C# 如何根据某些条件隐藏特定的jqueryui选项卡?,c#,javascript,jquery,asp.net,C#,Javascript,Jquery,Asp.net,我正在处理一个应用程序,在该应用程序中,所选选项卡对特定用户不可见。我的代码是 <div id="tabs"> <ul> <li><a href="#divLogTickets">Log Tickets</a></li> <li><a href="#divOpenTickets">Open Tickets</a></li>

我正在处理一个应用程序,在该应用程序中,所选选项卡对特定用户不可见。我的代码是

<div id="tabs">
      <ul>
           <li><a href="#divLogTickets">Log Tickets</a></li>
            <li><a href="#divOpenTickets">Open Tickets</a></li>
      </ul>
      <div id="divLogTickets" runat="server" style="padding: 25px;">

      </div>
</div>

if (getUserRole(Convert.ToString(Session["UserId"])) == "HR")
{
   //hide tab
}

if(getUserRole(Convert.ToString(Session[“UserId]”))==“HR”) { //隐藏标签 }
如何根据特定用户角色隐藏特定选项卡。

您可以使用
$(选择器).hide()方法

例如:

if (getUserRole(Convert.ToString(Session["UserId"])) == "HR")
{
   //hide tab
   $('#userId').hide();
}

在验证之后,也就是说,您已经验证了要隐藏该元素的特定用户(正如您在代码中提到的),然后您可以使用hide()函数隐藏该特定元素

$('#Id_of_Element').hide();

您可以向要从代码隐藏中访问的元素添加
id
runat=“server”
属性,并在代码隐藏中设置
.Visible
属性

例如,如果您想隐藏
日志记录单
选项卡,您的aspx代码应该是这样的:

<div id="tabs">
      <ul>
           <li id="liLogTickets" runat="server"><a href="#divLogTickets">Log Tickets</a></li>
           <li><a href="#divOpenTickets">Open Tickets</a></li>
      </ul>
      <div id="divLogTickets" runat="server" style="padding: 25px;">

      </div>
</div>
if (getUserRole(Convert.ToString(Session["UserId"])) == "HR")
{
    //hide Log Tickets tab
    liLogTickets.Visible = false;
    divLogTickets.Visible = false;
}