Question

我不知道如何'标题'这个问题。

我从来没有这样做过，所以在SO或Google上找到一个好的来源时遇到了麻烦。

我有一个标签<li><a href="#Tasks" data-toggle="tab">Tasks</a></li>

我想使用网址链接将用户定向到此特定标签。

www.site.com/page?params=blah&parms=blah #Tasks并自动将此特定标签拉回来。

我尝试这样做的原因是因为如果用户点击某个按钮，它将通过PDO发布到数据库，然后完成后将用户重定向到特定页面。我希望将用户重定向到该页面，然后选择“标签”#Tasks。

这个问题似乎很弱，但它是合法的，希望它不会因为它的简单而立即被低估。

       <div class="col-lg-12">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#Info" data-toggle="tab">Info</a></li>
                    <li><a href="#Tasks" data-toggle="tab">Tasks</a></li>
                </ul>
           </div>
      </div>

Answer 1

您可以这样做：检查页面上的片段：

if(window.location.hash) {
     $('.nav .nav-tabs li').removeClass('active');
     var fragment;
     //you can confirm if the hash contains  #Tasks
     if(fragment === "Tasks"){
          $("#tasks").addClass('active');
     }

 } 

  <div class="col-lg-12">
        <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
                <li class="active" id="info"><a href="#Info" data-toggle="tab">Info</a></li>
                <li><a href="#Tasks" id="tasks" data-toggle="tab">Tasks</a></li>
            </ul>
       </div>
  </div>

Answer 2

首先为该任务<li>

提供唯一ID

<li id="TabTasks"><a href="#Tasks" data-toggle="tab">Tasks</a></li>

然后将其放在页面底部

<script type="text/javascript">
if (window.location.hash.substring(1)=="Tasks")
{
    $("#TabTasks").click();
}
</script>

这将模拟<li>上的点击，您的脚本将处理演示文稿（使您的标签处于活动状态等）

编辑：如果id="TabTasks" li无效，请尝试将其放入a。像这样：

<li><a id="TabTasks" href="#Tasks" data-toggle="tab">Tasks</a></li>

直接用户到url.com/page有url从URL中选择div＃

2 个答案: