提问者:小点点

Laravel-检查aria-selected是否=true


总共我有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”)


  • 共1个答案

    匿名用户

    如何检查区域一是否处于活动状态或使类处于活动状态。

    在导航中检查@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>')
    })
    
    • 刀片指令=服务器
    • JavaScript=浏览器