bootstrap从主页打开子页面下的标签页

发布于 2022-09-03 11:31:59 字数 180 浏览 11 评论 0

点击主页导航菜单下的下拉菜单,可以跳转到对应页面的标签页中,怎么做到?用的bootstrap框架写的。

图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

柠檬色的秋千 2022-09-10 11:31:59

直接用 #XXX 锚点跳转

a.html:

<html>
    <body>
        <a href="b.html#b">go</a>
    </body>
</html>

b.html:

<html>
    <body>
        <div id="a" style="height:900px">This is a.</div>
        <div id="b" style="height:900px">This is b.</div>
    </body>
</html>
笛声青案梦长安 2022-09-10 11:31:59

原生的方法是用<a>标签去跳。
href属性可以用#+id来进行页面内跳转。

bootstrap可以用标签页来做,参照这个教程:

Bootstrap 标签页(Tab)插件

ヅ她的身影、若隐若现 2022-09-10 11:31:59

<a>标签跳转是通用的解决办法。如果题主这样不能跳转或者没有反应的话,看你的 href 路径!基本上就是这里出了问题。

因为网站最终要放到线上,同一域名一般写相对路径好些。

举个例子1:

图片描述

如果你的导航下拉菜单的代码写在test.html中,跳转目标在 html 文件夹里,href 的路径是html/target.html#id

例子2:

图片描述

target.html#id

例子3:

跳转目标在 test.html 的上一级,../target.html#id

儭儭莪哋寶赑 2022-09-10 11:31:59

关键字:锚点

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文