javascript - 隐藏菜单javascript

Question

我试图在用户登录或注销时隐藏此下拉菜单之一，我使用 $_Session 来了解用户是否已登录。出了问题我的 JavaScript。希望任何人都可以提供帮助。谢谢!这是我的代码:

我想隐藏/显示的两个下拉菜单:

<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>

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"
    }
?>