使用引导 v4 重定向到 laravel 中的特定选项卡

Question

我一直在尝试将用户重定向到他在使用 Laravel 和 Bootstrap v4 时使用的同一选项卡。

例如，如果用户从治疗选项卡创建治疗，我希望他被重定向回同一选项卡，即“治疗”

请在下面找到我用于标签导航的代码。

<div class="card ">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs pull-right"  id="myTab" role="tablist">
   <li class="nav-item">
   <a class="nav-link active" id="treatments-tab" data-toggle="tab" href="#treatments" role="tab" aria-controls="treatments" aria-selected="true"><i class="fas fa-tooth fa-fw"></i> Dental Treatments</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="companies-tab" data-toggle="tab" href="#companies" role="tab" aria-controls="companies" aria-selected="false"><i class="fas fa-building fa-fw"></i> Insurance Companies</a>
  </li>
</ul>
</div>
<div class="card-body">
<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade show active" id="treatments" role="tabpanel" aria-labelledby="treatments-tab">...</div>
  <div class="tab-pane fade" id="companies" role="tabpanel" aria-labelledby="companies-tab">...</div>
</div>
</div>
</div>

这两种方法我都试过了，都没有用。

https://medium.com/@grmcameron/redirect-to-a-specific-tab-in-laravel-149398a9e655

Redirect back to a specific tab pane in Laravel

试图从控制器向刀片发送包含特定单词的消息，但它也不起作用。

您能解释一下如何实现这一点吗？

谢谢， 杰克

Answer 1

您只需提供每个选项卡的 id 属性。每次调用 url 中特定选项卡的 id。例如网址#公司

 $(document).ready(function() {
    if(location.hash) {
        $('a[href=' + location.hash + ']').tab('show');
    }
      $(document.body).on("click", "a[data-toggle]", function(event) {
          location.hash = this.getAttribute("href");
      });


      $(".clickable-row").click(function() {
            window.location = $(this).data("href");
        });


    });