javascript - 隐藏菜单java脚本

javascript - 隐藏菜单java脚本,第1张

我试图在用户登录或注销时隐藏其中一个下拉菜单,我使用<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}}

最佳答案:

1 个答案:

答案 0 :(得分:0)

你可以使用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"
    }
?>
本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复