2017-11-09 3 views
0

私はユーザーを表示するプロジェクトを行っています。そのユーザーをクリックすると特定のタスクを実行する必要があります。つまり、コードにドロップダウンが表示されている必要があります しかし、ユーザー名何も起こりません、私はあなたがトグル機能自体を実行して、Javaスクリプトコードを欠落しているかもしれないと思うだけのシンプルなクリック、それはトグルドロップダウンが機能していませんか?

<div class="navbar-custom-menu"> 
      <ul class="nav navbar-nav"> 
       <!-- User Account: style can be found in dropdown.less --> 
       <li class="dropdown user user-menu"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
         <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image"> 
         <span class="hidden-xs">{{ Auth::user()->name }}</span> 
        </a> 
        <ul class="dropdown-menu"> 
         <!-- User image --> 
         <li class="user-header"> 
          <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> 
          <p> 
           {{ Auth::user()->name }} - Web Developer 
           <small>Member since {{ Auth::user()->created_at->toFormattedDateString() }}</small> 
          </p> 
         </li>  
         <!-- Menu Footer--> 
         <li class="user-footer"> 
          <div class="pull-left"> 
           <a href="#" class="btn btn-default btn-flat">Profile</a> 
          </div> 
          <div class="btn btn-default pull-right"> 
           <a href="{{ route('logout') }}" 
            onclick="event.preventDefault(); 
            document.getElementById('logout-form').submit();"> 
            Logout 
           </a> 
           <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"> 
            {{ csrf_field() }} 
           </form> 
          </div> 
         </li> 
        </ul> 
       </li> 
      </ul> 
     </div> 

答えて

0

ドロップダウンが表示されないです。リンクにはclass=dropdown-toggleが表示されますが、表示する情報は表示されません。

関連する問題