总共我有3个文件,其中包含以下功能:
>
我有一个导航栏,可以切换3个不同的区域。
我得到了一个包含数据的表格
包括文件1和2文件(主文件)
所以现在,如果我打开主文件,我可以浏览所有3个区域,但每个区域应该包含不同的数据在表中。 文件1
<div class="manage-budget-nav-wrapper text-left mx-lg mx-sm-4 mx-2">
<ul class="nav nav-tabs border-0" role="tablist">
<li class="nav-item">
<a class="nav-link px-0 mr-sm-5 mr-3 ml-0 active" id="home-tab" data-toggle="tab" href="#home-1" role="tab"
aria-controls="home-1" aria-selected="true">Offenes Gesamtguthaben</a>
</li>
<li class="nav-item">
<a class="nav-link px-0 mr-sm-5 mr-3 ml-0" id="profile-tab" data-toggle="tab" href="#profile-1" role="tab"
aria-controls="profile-1" aria-selected="false">Spenden</a>
</li>
<li class="nav-item">
<a class="nav-link px-0 mr-sm-5 mr-3 ml-0" id="profile-tab" data-toggle="tab" href="#redeem-1" role="tab"
aria-controls="redeem-1" aria-selected="false">Gutschein</a>
</li>
</ul>
<hr class="mt-0">
</div>
文件2
<div class="table-responsive">
<table class="table table-striped table-hover mb-4">
<thead>
<tr>
@if (\Request::is('admin/locals/donations'))
<th scope="col">Erwerbsdatum</th>
@elseif (\Request::is('admin/locals/dashboard'))
<th scope="col">Buchungstag</th>
@endif
</tr>
</thead>
<tbody>
{{-- @foreach transaction --}}
@if (\Request::is('admin/locals/donations') class_exist)
<tr>
{{-- date of acquisition in d.m.Y --}}
<td>{24.12.2020}</td>
</tr>
@elseif (\Request::is('admin/locals/dashboard'))
<tr>
{{-- booking day in d.m.Y --}}
<td>{24.12.2020}</td>
</tr>
@endif
{{-- @endforeach transaction --}}
</tbody>
</table>
</div>
我已经得到了一些if语句,但是我如何检查区域一是活动的还是活动的类。 在导航中检查@if(aria-selected=“true”)
。
如何检查区域一是否处于活动状态或使类处于活动状态。
在导航中检查@if(aria-selected=“true”)
我想你误解了叶片发动机的用途。 刀片文件及其指令由服务器上的PHP解析,而不是由浏览器解析。 因此,您不能像使用JavaScript那样使用Blade检查HTML属性或选择它们。
出现的问题是:为什么要检查aria-selected
是否为真? 如果要插入另一个标记,则应该在JavaScript/jQuery(它与Blade不同)中执行此操作:
$('div [aria-selected="true"]').map(function(element){
$(element).append('<p>html code</p>')
})