[英]laravel add a drop down in menu bar with links to other pages
我是Laravel和Blade Templet設置的新手。 我正在建立一個藝術網站來展示繪畫等。 現在我有了一個基本的index.blade.php,但是,我想將其中一個鏈接更改為一個下拉列表,以顯示其他選項。 我似乎無法掌握如何使其工作。
這是我的基本設置的樣子。
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right" style="color: black">
<li><a
@if( $page == 'about')
class="activePage"
@else
class="nonActivePage"
@endif
href="./about">About the Artist</a></li>
<li><a
@if( $page == 'products')
class="activePage"
@else
class="nonActivePage"
@endif
href="./product">Products</a></li>
<li><a
@if( $page == 'order')
class="activePage"
@else
class="nonActivePage"
@endif
href="./order">Order</a></li>
<li><a
@if( $page == 'contact')
class="activePage"
@else
class="nonActivePage"
@endif
href="#" onclick="contact();">Contact</a></li>
</ul>
</div>
但是,在“產品”下,我想添加水彩畫,油畫和丙烯酸畫。
我認為這可能會起作用,但此時我似乎還不掌握整個刀片的結構。
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right" style="color: black">
<li><a
@if( $page == 'about')
class="activePage"
@else
class="nonActivePage"
@endif
href="./about">About the Artist</a></li>
<li class="dropdown">
@if( $page == 'product')
<a class="dropdown-toggle activePage" data-toggle="dropdown" href="#">
Product</a>
<ul>
<li><a href="./about">Watercolor paintings</a></li>
<li><a href="#">This</a>Oil Paintings</li>
<li><a href="#">That</a>Acrylic Paintings</li>
</ul>
@else
<a class="nonActivePage" href="#">
Product</a>
@endif
</li>
<li><a
@if( $page == 'order')
class="activePage"
@else
class="nonActivePage"
@endif
href="./order">Order</a></li>
<li><a
@if( $page == 'contact')
class="activePage"
@else
class="nonActivePage"
@endif
href="#" onclick="contact();">Contact</a></li>
</ul>
</div>
它只是根本不顯示ul下拉列表。 任何指針,不勝感激。
首先,嘗試為路由器(web.php)中的每個路由命名。
Route::any('/about', 'someConntroller@someaction')->name('about');
然后在您的視圖中使用route
方法。 這是一個簡單的示例:
<li>
<a {{ $page == 'about' ? 'class="activePage"' : 'class="nonActivePage"' }}
href="{{ route('about') }}">
About the Artist
</a>
</li>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.