我有一個下拉菜單，當我單擊下拉菜單時，會顯示“注銷”；關聯。我想添加另一個名為“個人資料”的鏈接這樣當我單擊下拉菜單時，它會為我提供注銷和配置文件。我正在努力做到這一點。我有“個人資料”在導航欄的側面，但無法讓配置文件選項卡進入下拉菜單： <li class="nav-item dropdown"> <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre> {{ Auth::user()->name }} <span class="caret"></span> </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"> <a class="dropdown-item" 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 </form> </li> <li class="nav-item"> <a class="nav-link " href="{{ route('product.shoppingCart')}}">Cart <span class = "badge badge-primary">{{ Session::has('cart') ? Session::get('cart')->totalQty : ''}} </a> </li> <li class="nav-item"> <a class="nav-link " href="{{ route('posts.profile')}}">Profile </a></li>
2 回答
POPMUISE
TA貢獻1765條經驗 獲得超5個贊
問題是您應該將個人資料鏈接放在?div?和?dropdown-menu?類中，并為其指定一個?dropdown-item類，而不是給它一個?nav-item?類并將其放在其他導航欄項目旁邊。
我應該說導航欄代碼相當混亂。我嘗試清理一下并解決了您的問題。您已為下拉菜單打開了?<div>?標記，但尚未使用?</div>?關閉它。
<li class="nav-item dropdown">
? ? <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
? ? ? ? ? ? ? ? ? ? ? ? {{ Auth::user()->name }} <span class="caret"></span>
? ? </a>
? ? <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
? ? ? ? <a class="dropdown-item" href="{{ route('posts.profile')}}">Profile
? ? ? ? </a>
? ? ? ? <a class="dropdown-item" href="{{ route('logout') }}"
? ? ? ? ? ? ? ? ? ?onclick="event.preventDefault();
? ? ? ? ? ? ? ? ?document.getElementById('logout-form').submit();">
? ? ? ? ? ? ? ? {{ __('Logout') }}
? ? ? ? </a>
? ? </div>
? ? <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
? ? ? ? @csrf
? ? </form>
</li>
<li class="nav-item">
? ? <a class="nav-link " href="{{ route('product.shoppingCart')}}">Cart
? ? ? ? <span class = "badge badge-primary">{{ Session::has('cart') ? Session::get('cart')->totalQty : ''}}
? ? </a>
</li>
慕絲7291255
TA貢獻1859條經驗 獲得超6個贊
只是您的下拉列表中的此個人資料
<li class="nav-item dropdown">
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="{{ route('posts.profile')}}" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>Profile
</a>
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
{{ Auth::user()->name }} <span class="caret"></span>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" 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
</form>
</li>
<li class="nav-item">
<a class="nav-link " href="{{ route('product.shoppingCart')}}">Cart
<span class = "badge badge-primary">{{ Session::has('cart') ? Session::get('cart')->totalQty : ''}}
</a>
</li>
<li class="nav-item">
</li>
- 2 回答
- 0 關注
- 179 瀏覽
添加回答
舉報
0/150
提交
取消