问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
echovic007
    1534

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

    图片描述

    bootstrapjquery
    阅读 8.1k
    4 个回答
    得票最新
    头像
    Target_Liu
      34927

      直接用 #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>
      头像
      finira
        1956

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

        bootstrap可以用标签页来做，参照这个教程：

        Bootstrap 标签页（Tab）插件

        头像
        鱼香茄子_
          169510

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

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

          举个例子1：

          图片描述

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

          例子2：

          图片描述

          target.html#id

          例子3：

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

          头像
          boer
            183

            关键字：锚点

            撰写回答
            你尚未登录，登录后可以
            • 和开发者交流问题的细节
            • 关注并接收问题和回答的更新提醒
            • 参与内容的编辑和改进，让解决方法与时俱进
            推荐问题