引导程序中的锚链接不起作用 [英] Anchor links in bootstrap don't work

查看:116
本文介绍了引导程序中的锚链接不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用bootstrap 3.2.0.标签中有一些内容,我想在标签中创建指向此内容的锚链接,这些链接指向其他网站.这是我的代码:

I am using bootstrap 3.2.0. I have some content in the tabs and I want to create an anchor link to this content in the tabs to different websites. Here is my code:

        <div class="bs-docs-example">
         <div class="tabbable tabs-left">
            <ul class="nav nav-tabs">

                <li><a href="#1A" data-toggle="tab"> Sample#1 </h1></a></li>
                <li><a href="#2A" data-toggle="tab"> Sample#2 </h1></a></li>
             </ul>
            <div class="tab-content">

                <div class="tab-pane" id="1A">

                    <li id="ndf_35"></li>

                </div>
                <div class="tab-pane" id="2A">

                    <li id="ndf_36"></li>


                </div>



            </div>
        </div>
    </div>

我这样创建链接:

    <a href="http://www.example.com/page1#ndf_36">some text </a>

但是它不起作用.有谁知道如何解决这个问题?

But it's not working. Does anyone have an idea how to fix this?

推荐答案

演示

Demo

工作正常.

检查

  • 您已经包含了jquery(bootstrap.js需要jquery)
  • 您已包含bootstrap.js
  • 打开<h1>标签
  • You have included jquery (you need jquery for bootstrap.js)
  • You have included bootstrap.js
  • open <h1> tags

这篇关于引导程序中的锚链接不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆