如何在MVC中成功登录时隐藏登录和注册事件 ASP.NET?

Question

我正在制作一个关于销售的网站。我在创建帐户部分时遇到了一些问题。

我的问题的详细信息是：当我登录成功时，我创建Session["user"]以获取用户的信息 然后我想隐藏登录和注册事件以显示注销和我的信息事件

<ul class="login-signup">
<li id="logIn"><a href="@Url.Action("Index","Account")"><i class="glyphicon glyphicon-log-in"></i>Log In</a></li>
<li id="signUp"><a href="#">Sign Up</a></li>
<li id="myInfor"><a href="#">My information</a></li>
<li id="logOut"><a href="@Url.Action("Logout","Account")"><i class="glyphicon glyphicon-log-out"></i>Log Out</a></li>
</ul>

我创建脚本来执行此操作，如下所示

<script>
if (@Session["user"]!=null) {
$("#logIn").hide();
$("#signUp").hide();
$("#myInfor").show();
$("#logOut").show();
}
else {
$("#logIn").show();
$("#signUp").show();
$("#myInfor").hide();
$("#logOut").hide();
}
</script>

它没有像我预期的那样工作。它炫耀了所有 4 个。

如果上面有其他块，它似乎不起作用。 请帮助我，对不起英语不好。

Answer 1

在ul中使用if statement，如下所示：

<ul class="login-signup">
@if (Session["user"]!=null)
{
<li id="myInfor"><a href="#">My information</a></li>
<li id="logOut"><a href="@Url.Action("Logout","Account")"><i class="glyphicon glyphicon-log-out"></i>Log Out</a></li>
}
else
{
<li id="logIn"><a href="@Url.Action("Index","Account")"><i class="glyphicon glyphicon-log-in"></i>Log In</a></li>
<li id="signUp"><a href="#">Sign Up</a></li>
}
</ul>