Question

最近我想在我的laravel项目中使用bootstrap导航选项卡，除了导航选项卡之外，其他一切都很顺利。它显示所有结果，而不是每个类别，并且我不知道脚本如何在导航选项卡上工作，以便按类别显示结果。这是导航选项卡的行：

<div class="col-lg-8">
  <div class="card no-b">
    <div class="card-header">
        <div class="d-flex justify-content-between">
          <div class="align-self-center">
              <strong>Live Streaming</strong>
          </div>
          <div class="align-self-end float-right">
            <ul class="nav nav-tabs card-header-tabs nav-material" role="tablist">
                @foreach($radiocategory as $rc)
                @if($loop->first)
                <li class="nav-item">
                <a class="nav-link active show" id="{{ $rc->category_name }}" data-toggle="tab" href="#{{ $rc->category_name }}"
                       role="tab" aria-controls="tab1" aria-expanded="true" aria-selected="true">{{ $rc->category_name }}</a>
                </li>
                @else
                <li class="nav-item">
                        <a class="nav-link show" id="{{ $rc->category_name }}" data-toggle="tab" href="#{{ $rc->category_name }}"
                           role="tab" aria-controls="tab1" aria-expanded="true" aria-selected="true">{{ $rc->category_name }}</a>
                    </li>
                @endif
                @endforeach
            </ul>
          </div>
        </div>
    </div>
    <div class="card-body no-p">
        <div class="tab-content" id="v-pills-tabContent1">
            @foreach($radio as $r)
            @if($loop->first)
            <div class="tab-pane fade show" id="{{ $r->category }}" role="tabpanel"
            aria-labelledby="{{ $r->category }}">
                <div class="table-responsive">
                    <table class="table table-hover earning-box">

                        <tbody>
                        <tr class="no-b">
                            <td class="w-10"><span class="round">
                        <img src="/img/{{ $r->image }}" alt="{{ $r->title }}"></span>
                            </td>
                            <td>
                                <h6>{{ $r->title }}</h6>
                            </td>
                            <td>
                            <div class="ml-auto">
                            <a class="btn btn-outline-primary" href="{{ $r->url }}">Listen Now</a>
                            </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            @else
            <div class="tab-pane fade" id="{{ $r->category }}" role="tabpanel"
                    aria-labelledby="{{ $r->category }}">
                 <div class="table-responsive">
                   <table class="table table-hover earning-box">

                     <tbody>
                     <tr class="no-b">
                         <td class="w-10"><span class="round">
                     <img src="/img/{{ $r->image }}" alt="{{ $r->title }}"></span>
                         </td>
                         <td>
                             <h6>{{ $r->title }}</h6>
                         </td>
                         <td>
                         <div class="ml-auto">
                         <a class="btn btn-outline-primary" href="{{ $r->url }}">Listen Now</a>
                         </div>
                         </td>
                     </tr>
                     </tbody>
                   </table>
                 </div>
               </div>
            @endif
            @endforeach
        </div>

    </div>
  </div>
</div>

这是我的控制器：

public function home() {
      $music = Music::orderByRaw('RAND()')->get();
      $posts = Posts::orderByRaw('RAND()')->take(4)->get();
      $radio = DB::table('radio')
                 ->join('radio_category', 'radio.category', '=', 'radio_category.category_name')
                 ->select('radio.*')
                 ->get();

      $radiocategory = RadioCategory::all();
      return view('index',
                   ['music' => $music,
                    'posts' => $posts,
                    'radio' => $radio,
                    'radiocategory' => $radiocategory
                ]);
    }

输出为： it should be the result that are inside a HardRock category 我的代码有什么问题？

Answer 1

在您看来，您正在显示所有放射性类别（$radiocategory = RadioCategory::all();）：

@foreach($radiocategory as $rc)
    @if($loop->first)
        <li class="nav-item">
            <a class="nav-link active show" id="{{ $rc->category_name }}" data-toggle="tab" href="#{{ $rc->category_name }}"
                   role="tab" aria-controls="tab1" aria-expanded="true" aria-selected="true">{{ $rc->category_name }}</a>
        </li>
    @else
        <li class="nav-item">
            <a class="nav-link show" id="{{ $rc->category_name }}" data-toggle="tab" href="#{{ $rc->category_name }}"
                       role="tab" aria-controls="tab1" aria-expanded="true" aria-selected="true">{{ $rc->category_name }}</a>
        </li>
    @endif
@endforeach

属于收音机的呼叫类别：

@foreach($radio->category as $rc)
    @if($loop->first)
        <li class="nav-item">
            <a class="nav-link active show" id="{{ $rc->category_name }}" data-toggle="tab" href="#{{ $rc->category_name }}"
                   role="tab" aria-controls="tab1" aria-expanded="true" aria-selected="true">{{ $rc->category_name }}</a>
        </li>
    @else
        <li class="nav-item">
            <a class="nav-link show" id="{{ $rc->category_name }}" data-toggle="tab" href="#{{ $rc->category_name }}"
                       role="tab" aria-controls="tab1" aria-expanded="true" aria-selected="true">{{ $rc->category_name }}</a>
        </li>
    @endif
@endforeach

$radio->category是无线电与无线电模型中类别之间的关系。

导航选项卡未显示正确的输出

1 个答案: