在另一页上单击<a>并在另一页上打开特定选项卡时如何打开特定选项卡

时间:2019-07-12 11:25:15

标签: javascript jquery html css ajax

单击索引按钮时,我的索引页面中有一个按钮,我需要打开另一页的特定选项卡部分。按钮在一页上,而选项卡在第二页上。

我在第二页上有多个选项卡,但是只在这里写了1个选项卡,当从首页单击 时,我需要打开一个选项卡。

第1页-我在哪里有一个按钮

<p><a href="{{url('guide-specs').'#w1'}}" class="btn btn_readmore2">View Example Worksheet</a></p>

第2页-存在选项卡

<ul class="nav nav-tabs">
  <li class="nav-item">
    <a class="nav-link " data-toggle="tab" href="#w1">Worksheet</a>
  </li>
  <div id="w1" class="container tab-pane fade"><br>
    <div class="container">
      <div class="row">
        <div class="col-12 col-sm-11">
          <p class="f-15 gry2">The primary use of this worksheet is to provide a detailed checklist that will facilitate precise development of specifications with drawings, to ensure that all parties are talking about the same type and quality of building.</p>
          <p>
        </div>
      </div>
    </div>
  </div>

1 个答案:

答案 0 :(得分:0)

首先,这对于选项卡UI来说不是正确的方法。

但是如果您想使用

  <script>
$(document).ready(function(){
  $(".btn_readmore2").click(function(){
    $("#w1").load("demo_test.txt");
  });
});
</script>

查找功能的另一种有用的方法是可以检查的可见选项。

if($(“#w1:visible”)){  在这里写下您的动作代码 }