我正在 Visual Studio 2012 中开发 MVC 应用程序。在我的布局页面上,我有一个用于登录的按钮。我想在用户登录后从布局页面中删除登录页面按钮。我正在尝试按以下方式执行此操作,但它不起作用。告诉我如何解决这个问题。我的做法正确吗?
$(document).ready(function () {
var login = 0;
$('#login-request').on('click', function () {
var name = $("#lg-name").val();
var pwd = $("#lg-password").val();
if (name.toString() == "" || pwd.toString() == "")
alert("one of the fields is incorrect or missing");
else
login = 1;
});
$(document).on('pagebeforeshow', '#layout', function () {
if (login == 1) {//login condition
$('#login').remove();
}
});
});
这是我的布局页面
<head>
<title>PetZone</title>
</head>
<body id="layout">
<header class="page-header" id="header-page">
<div class="row" id ="headre-row">
<div class="col-md-2">
<div class="btn-group">
<a class="btn" id="login" href="#" onclick="location.href='@Url.Action("login")'">LOGIN <span class="icon glyphicon glyphicon-log-in"></span></a>
<a class="btn" id="signup" href="#" onclick="location.href='@Url.Action("signup")'">SIGNUP <span class="icon glyphicon glyphicon-sign-up"></span></a>
</div>
</div>
</div>
</header>
</body>
最佳答案
考虑用简单的调用替换选择器:
if (Request.IsAuthenticated) {
//hide link or set it to Logout action
else
//show Logon link
}
关于javascript - 用户登录后如何从布局页面中删除登录按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28282433/