我是 laravel 和 Blade 模板设置的新手。我正在努力建立一个艺术网站来展示绘画等。现在我有一个基本的 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>
但是,在“产品”下,我想添加水彩画、油画和丙烯画。
这是我认为可行的方法,但此时我似乎还没有掌握整个 Blade 结构。
<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');
然后在您的 View 中使用route
方法。这是一个简单的例子:
<li>
<a {{ $page == 'about' ? 'class="activePage"' : 'class="nonActivePage"' }}
href="{{ route('about') }}">
About the Artist
</a>
</li>
关于javascript - laravel 在菜单栏中添加一个下拉菜单,其中包含指向其他页面的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46996358/