Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在不使用锚定链接的情况下转到选项卡?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 在不使用锚定链接的情况下转到选项卡?

Javascript 在不使用锚定链接的情况下转到选项卡?,javascript,jquery,html,Javascript,Jquery,Html,我正在使用Scroll Javascript,并发现选项卡存在问题,即它与Scroll Javascript冲突。i、 e <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#menu1">menu1 </a></li> <li>

我正在使用Scroll Javascript,并发现选项卡存在问题,即它与Scroll Javascript冲突。i、 e

                <ul class="nav nav-tabs">
                  <li class="active"><a data-toggle="tab" href="#menu1">menu1 </a></li>
                  <li><a data-toggle="tab" href="#menu2">Menu2 </a></li>
                  <li><a data-toggle="tab" href="#menu3">Menu3</a></li>
                </ul>
是否可以在不使用锚定的情况下链接到选项卡?(#菜单1)


亲切问候,

您可以使用
数据目标
属性:

<ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a data-target="#tab1" role="tab" data-toggle="tab">First Tab</a></li>
    <li role="presentation"><a data-target="#tab2" role="tab" data-toggle="tab">Second Tab</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="tab1">Content 1</div>
  <div role="tabpanel" class="tab-pane" id="tab2">Content 2</div>
</div>

  • 您可以改用
    数据目标属性:

    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a data-target="#tab1" role="tab" data-toggle="tab">First Tab</a></li>
        <li role="presentation"><a data-target="#tab2" role="tab" data-toggle="tab">Second Tab</a></li>
    </ul>
    
    <!-- Tab panes -->
    <div class="tab-content">
      <div role="tabpanel" class="tab-pane active" id="tab1">Content 1</div>
      <div role="tabpanel" class="tab-pane" id="tab2">Content 2</div>
    </div>
    
    • 显示如下:

      <div id="tabs">
          <ul class="super">
              <li><a>title 1</a></li>
              <li><a>title 2 </a></li>
          </ul>
          <div>
              content1
          </div>
          <div>
              content2
          </div>
      </div>
      <script>
          $(function () {
              $("#tabs ul.super li a").each(function (index) {
                  $(this).attr("href", "#spec" + index.toString());            
              });
              $("#tabs div").each(function (index) {
                  $(this).attr("id", "spec" + index.toString());
              })
              $("#tabs").tabs();
          });      
      </script>
      
      
      
      • 显示为:

        <div id="tabs">
            <ul class="super">
                <li><a>title 1</a></li>
                <li><a>title 2 </a></li>
            </ul>
            <div>
                content1
            </div>
            <div>
                content2
            </div>
        </div>
        <script>
            $(function () {
                $("#tabs ul.super li a").each(function (index) {
                    $(this).attr("href", "#spec" + index.toString());            
                });
                $("#tabs div").each(function (index) {
                    $(this).attr("id", "spec" + index.toString());
                })
                $("#tabs").tabs();
            });      
        </script>
        
        
        

        • 我通过将以下行从

          var d=$(“#滚动器锚”).offset({scroll:false}).top

          var d=$(“#滚动器锚”).offset().top


          我通过将下面的行从

          var d=$(“#滚动器锚”).offset({scroll:false}).top

          var d=$(“#滚动器锚”).offset().top


          是的,但出于可访问性的原因,我建议不要这样做。更改滚动代码以忽略
          导航选项卡中的任何内容。需要查看使用的滚动代码认为此时应该可以使用数据目标是的,但出于可访问性原因,我建议不要使用。更改滚动代码以忽略导航选项卡中的任何内容。需要查看使用的滚动代码认为此时您应该能够使用数据目标无法实现此功能-我认为我使用的JQuery与此冲突,这也是我使用的源代码-我使用的是引导选项卡,但当我将该源代码用于页面的另一部分时,它冲突无法实现这一点-我认为我使用的JQuery与此冲突,这也是我使用的源代码-我使用的是引导选项卡,但当我将该源代码用于页面的另一部分时,它会发生冲突