когда я щелкаю правой кнопкой мыши по выбранной вкладке и открываю ее на новой вкладке, она всегда открывает активную вкладку по умолчанию

Question

<li class='active'>
   <a data-toggle='tab' href='#table' class="tab_list" > 
           <div>
                <span style="font-size: 16px;">Tweets</span>
           </div>

    </a> 
</li>
          

<li>
  <a data-toggle='tab' href='#summary' class="tab_list">
          <div>
            <span style="font-size: 16px;">Metrics</span>
         </div>
  </a> 
</li>


        


   


  <div class="tab-content " style=" background-color:;padding-left: ;">

<!--METRICS TAB-->
<div id='summary' class='tab-pane fade'>
<h1>abc</h1>
</div>
<!--METRICS TAB END-->


 <!--Tweets table TAB-->
<div id='table' class='tab-pane fade in active'>
<h1>abc</h1>
</div>

У меня есть несколько вкладок на боковой панели навигации, я хочу открыть выбранную вкладку в новой вкладке браузера, но когда я щелкаю правой кнопкой мыши выбранную вкладку и открываю ее на новой Вкладка всегда открывает активную вкладку по умолчанию. Я хочу открыть выбранную вкладку

Answer 1

Вы можете сделать это с javascript / jquery. Проверьте, содержит ли URL-адрес ha sh, и, если есть идентификатор с таким же именем, отобразите его, вызвав событие click.

        <script>
        $(document).ready(function () {   
            var url = $(location).attr('href');
            if(url.indexOf("#")) {
                var tabId = window.location.hash;
                console.log(tabId);
                console.log($('a[href="'+tabId+'"]').parent('li'));
                if($('a[href="'+tabId+'"]').parent('li').length){
                   $('a[href="' + window.location.hash + '"]').trigger('click');
                }
            }                
        });

    </script>