Laravel 6 导航选项卡无法导航到仅显示在 url (myweb/pages#tab1) 中的选项卡

Posted 2023-03-05

【中文标题】Laravel 6 导航选项卡无法导航到仅显示在 url (myweb/pages#tab1) 中的选项卡

【英文标题】：Laravel 6 nav tabs cannot navigate into tab only shown in url (myweb/pages#tab1)

【发布时间】：2020-03-28 05:03:55

【问题描述】：

我无法导航到仅显示在 URL 中的标签页 (myweb/pages#tab1 .. myweb/pages/#tab2 ..) 请帮我 enter image description here

    <div class="card-body">
       <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item">
                <a class="nav-link " id="home-tab" data-toggle="tab" href="#page1" role="tab" aria-controls="page1"
                aria-selected="true">page one</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#page2" role="tab" aria-controls="page2"
                aria-selected="false">page two</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="contact-tab" data-toggle="tab" href="#page3" role="tab" aria-controls="page3"
                aria-selected="false">page three</a>
            </li>
    </ul>
<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade show active" id="page1" role="tabpanel">
page one    
</div>
  <div class="tab-pane fade" id="page2" role="tabpanel" >
page two
 </div>
  <div class="tab-pane fade" id="page3" role="tabpanel">
page three
  </div>
</div>
    </div>
</div>

【问题讨论】：

你在使用 Bootstrap 吗？

是的 bootsrap 4.1.3

你是否包含了 jQuery 和 bootstrap.js？

我正在使用 adminlte3

所以检查js文件是否加载正确

【参考方案1】：

试试这个：

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

来自该链接的引导程序非常适合我，我尝试解决您的问题，我可以导航

【讨论】：

我正在使用 adminlte3