Question

我试图在用户登录或注销时隐藏其中一个下拉菜单，我使用<li class="dropdown" id="account" > <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Account <b class="caret"></b> </a> <ul class="dropdown-menu" > <li><a href="#">Login</a></li> <li class="divider"></li> <li><a href="#">Register</a></li> </ul> <li class="dropdown" id="user"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <?php if(isset($_SESSION['username'])) { echo ' '.htmlentities($_SESSION['username'], ENT_QUOTES, 'UTF-8'); } ?> <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="#">Profile</a></li> <li><a href="#">Messages</a></li> <li class="divider"></li> <li><a href="#">Logout</a></li> </ul>来了解用户是否已登录。我的JavaScript出了问题。希望有人能提供帮助。谢谢！这是我的代码：

我想要隐藏/显示两个下拉菜单：

<script type="text/javascript">

    if (isset($_SESSION['username'])) { 
        $('#user').show();
        $('#account').hide();
    } else {
        $('#user').hide();
    }

</script>

这是我的JavaScript代码：

{{1}}

Answer 1

你可以使用PHP在你想要的div上包含一个类，你可能不需要javascript和/或jQuery

<li class="dropdown <?php if(isset($_SESSION['username'])){echo "notvisible";} ?>" id="account" >

使用带有CSS的类来设置

.notvisible { display:none; }

如果需要，您也可以使用.toggleclass（）或其他隐藏/显示菜单的方式。

另一种方法是用PHP回显你想要的菜单，例如：

<?php
    if(isset($_SESSION['username'])) {
        echo "<li class=\"dropdown\" id=\"account>\"" >>> and whatever you want
    } else {
        echo "<li class=\"dropdown\" id=\"account\">" Hello user".$_SESSION['username']."And whatever else"
    }
?>

隐藏菜单java脚本

1 个答案: