Question

我正在使用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>

Answer 1

考虑用简单的调用替换选择器：

if (Request.IsAuthenticated) {
   //hide link or set it to Logout action
else
   //show Logon link
}

如何在用户登录后从布局页面中删除“登录”按钮

1 个答案: