如何根据从按钮单击中选择的值将选项卡设置为活动状态答案

【问题标题】：How to set the tab active based on the value choosed from the button click如何根据从按钮单击中选择的值将选项卡设置为活动状态
【发布时间】：2018-11-09 15:52:26
【问题描述】：

我需要根据单击按钮时选择的值将选项卡设置为活动状态。

找到下面的代码：

<a href="smeHosting#linuxHosting" class="btn btn-primary">Linux Shared hosting @ Rs.62 / mo</a>
<a  href="smeHosting#windowsHosting"  class="btn btn-primary">Windows Shared hosting @ Rs.62 / mo</a>

找到js：

  $(document).ready(function() {

$('ul.smeHostingTabsContainer li').click(function() {
    var tab_id = $(this).attr('data-tab');

    $('ul.smeHostingTabsContainer li').removeClass('active');
    $('.tabContent').removeClass('active');
    $('.tabHostingFeatureContainer section').removeClass('active');

    $(this).addClass('active');
    $("#" + tab_id).addClass('active');
    $(".tabHostingFeatureContainer section#" + tab_id).addClass('active');

})

});

我已将上述 js 用于名为 sme hosting 的页面，它可以正常工作，但是当我单击索引页面中的链接时，我需要根据单击的链接将 sme 托管页面中的选项卡设置为活动状态。

帮助我根据按钮的值将选项卡设置为活动状态。

【问题讨论】：

您要提交表单并重定向回之前启用的活动选项卡吗？
读取请求的标头并找出正在请求您的服务器的操作系统。
我在同一页面中有两个锚链接，在单击链接时，我需要将另一个页面的选项卡设置为活动状态。
你为什么用 PHP 来做这件事？使用 javascript

标签： laravel laravel-5 laravel-4 laravel-5.2

【解决方案1】：

您可以在控制器函数中设置一个 flash 会话变量，该变量会在单击按钮后打开您的第二个页面。

session()->flash('tabName', 'active');

现在在第二页获取会话变量。

<li class="nav-item">
  <a class="nav-link {{Session::get('tabName','')}}" data-toggle="tab" href="#tab" >Your Tab

   </a>
</li>

如果会话设置为空，

Session::get('tabName','') 将返回活动状态。

如果您在同一页面上，您可以使用 jquery，为您的按钮添加一个额外的类

<a href="smeHosting#linuxHosting" class="btnTab btn btn-primary">Linux Shared hosting @ Rs.62 / mo</a>
<a  href="smeHosting#windowsHosting"  class="btnTab btn btn-primary">Windows Shared hosting @ Rs.62 / mo</a>

现在在 jquery 中检查按钮被点击的按钮

$('.btnTab').on('click', function (e) {

      var button= $(e.target).attr("href");

   if(button==="smeHosting#linuxHosting"){
       //do something its hosting button click
    }
 else{
  //its another button
  }
 });

【讨论】：

我没有为索引页面使用控制器，如何将会话数据从索引页面传递到中小企业托管页面
当您单击按钮时，是否会触发任何控制器事件？请分享打开第二页的函数代码
如果点击按钮时没有运行后端代码，那么您可以发送 ajax 调用以在点击按钮时设置会话变量。