Javascript 在不使用锚定链接的情况下转到选项卡?
我正在使用Scroll Javascript,并发现选项卡存在问题,即它与Scroll Javascript冲突。i、 eJavascript 在不使用锚定链接的情况下转到选项卡?,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>
<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与此冲突,这也是我使用的源代码-我使用的是引导选项卡,但当我将该源代码用于页面的另一部分时,它会发生冲突