将锚点标记散列到特定的导航选项卡
将锚点标记散列到特定的导航选项卡
提问于 2013-01-21 05:57:40
如何在锚定标签中使用hash来打开特定的导航标签？例如，在下面的代码中，我想在锚点标记中使用散列来打开我的第三个导航标签，但它没有跳到那里:(
<body>
<div class="container">
<section class="tabs"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
<input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
<label for="tab-1" class="tab-label-1">Radio navigation tab 1</label>
<input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
<label for="tab-2" class="tab-label-2">Radio navigation tab 2</label>
<input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
<label for="tab-3" class="tab-label-3">Radio navigation tab 3</label>
<div class="content">
<a name="content-3" id="content-1"></a>
<div class="content-1">
<h1>Header 1</h1>
<p>Hello world!</p>
</div>
<a name="content-3" id="content-2"></a>
<div class="content-2">
<h1>Header 2</h1>
<p>Hello world!</p>
</div>
<a name="content-3" id="content-3"></a>
<div class="content-3">
<h1>Header 3</h1>
<p>Hello world!</p>
</div>
</div>
</section>
</div>
</body>例如，我的url："www.example.com/#content-3“仍然在打开第一个导航标签，所以我仍然很难知道如何让散列锚定标签跳转到另一个导航标签，而不是设置为默认标签的第一个标签，希望我能得到帮助，谢谢
回答 1
Stack Overflow用户
发布于 2018-07-30 13:13:59
首先定义锚标记，如下所示
<a href="#main-slider">，然后通过以下方式将其重定向到特定区域
<li data-target="#main-slider" data-slide-to="0" class="active"></li>
<li data-target="#main-slider" data-slide-to="1"></li>
<li data-target="#main-slider" data-slide-to="2"></li>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14429805
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号