javascript - 如果用户登录则隐藏 href 链接

Question

我是 jQuery 新手。我在页面标题中有以下 a 链接

<div id="navigation">
    <ul>
        <li><a href="/home.html?sign=true">Home</a></li>
        <li><a href="/jobs.html">Tests</a></li>
        <li><a href="/vps.html">Jobs1</a></li>
        <li><a href="/ust.html">Jobs2</a></li>
        <li><a href="/sub.html">Subscription</a></li>                  
    </ul>
</div>

此 header 包含在公共(public) index.html 中。 当 登录 页面到达时，我正在使用此公共(public) header 。我的问题是，当用户尝试进入登录页面时，他似乎也进入了主页链接。

我需要隐藏登录页面中的主页链接和订阅链接。如何隐藏这两个 a 元素？

Answer 1

您可以为您的 View 创建一个 View 模型类并将其分配给 View 。您可以通过设置 IsSignedIn 属性 true/false 将模型从 Controller 传递到 View 。

public class MyViewModel
{
bool IsSignedIn{get;set;}
}

@model MyViewModel

<div id="navigation">
    <ul>
@if(Model.IsSignedIn)
{
        <li><a href="/home.html?sign=true">Home</a></li>
}
        <li><a href="/jobs.html">Tests</a></li>
        <li><a href="/vps.html">Jobs1</a></li>
        <li><a href="/ust.html">Jobs2</a></li>
@if(Model.IsSignedIn)
{
        <li><a href="/sub.html">Subscription</a></li>  
}                
    </ul>
</div>