【问题标题】:when i right click on selected tab and open it on new tab ,it always open the default active tab当我右键单击选定的选项卡并在新选项卡上打开它时,它总是打开默认的活动选项卡
【发布时间】:2020-06-28 04:26:50
【问题描述】:

<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>

我的侧面导航栏中有多个选项卡,我想在新的浏览器选项卡中打开我选择的选项卡,但是当我右键单击选定的选项卡并在新选项卡上打开它时,它总是打开默认的活动选项卡。 我要打开选中的标签

【问题讨论】:

  • 你能展示你的代码吗?
  • 您真正期待什么?请清楚你真正在寻找什么。您是否正在寻找为您完成所有代码的人?提供您已经尝试过的代码。
  • 我提供了我的代码
  • 当我右键单击我的指标选项卡并在新的浏览器选项卡上打开它时,它会打开推文表选项卡,这是默认活动选项卡,而不是这个默认活动选项卡我想打开一个指标选项卡跨度>

标签: javascript html css


【解决方案1】:

您可以使用 javascript / jquery 来完成。检查url是否包含hash,如果有同名的id,触发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> 

【讨论】:

  • 网址不包含哈希#
  • 如果它不包含哈希我还能做什么
  • 请在此处粘贴网址。它必须包含哈希。
猜你喜欢
  • 2021-11-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-15
  • 1970-01-01
  • 1970-01-01
  • 2020-01-16
相关资源
最近更新 更多