使用jQuery和PHP登录后无法隐藏登录按钮


Unable to hide login button after logged in using jQuery and PHP

我试图在用户注册后隐藏登录和注册按钮。它并没有像预期的那样工作,因为它隐藏了登录和注册按钮,但一旦注销,它就不会把它们带回来。下面是PHP代码。

   <div class="login"><a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">LOG IN</a></div>
   <div class="login"><a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">SIGN UP</a></div>
   $message = $_SESSION['valid_user'];
   <div class="message">
        <?php
        echo "$message";
        ?>
    </div>

下面是jQuery代码:

$(document).ready(function(){
    x = $(".message").text().length;
    if ( x >=1) {
        $(".login").hide();
    }
    else {
        $("#logout").hide();
    }
});

您需要在登录时显示隐藏的按钮。你需要像这样更改代码。

$(document).ready(function(){ 
    x = $(".message").text().trim(); 
    if ( !!x) { 
        $(".login").hide(); 
        $("#logout").show(); 
    } 
    else { 
        $("#logout").hide(); 
        $(".login").show(); 
    } 
});