Javascript 引导可切换选项卡不工作

大家下午好。我已经为此工作了一周，但没有成功。这可能是一个新手javascript错误，但我还不知道JS语言，只知道HTML+CSS。谢谢你的帮助

当我点击我的标签时，内容没有改变。这是我的密码：

 <link href="css/bootstrap.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="js/bootstrap.js"></script>

滴滴涕99999
滴滴涕99999
dsfdfsdf
滴滴涕99999
dsfdfsdf
滴滴涕99999
dsfdfsdf
滴滴涕99999
dsfdfsdf

你好，我在第二区

你好，我在第三区

load（“jquery”，“1.7”）；

以下HTML将导致选项卡正常工作并更改内容

<div class="tabbable">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tab1" data-toggle="tab">Hunts</a>
        </li>
        <li><a href="#tab2" data-toggle="tab">Great Outdoors</a>
        </li>
        <li><a href="#tab3" data-toggle="tab">Instructional</a>
        </li>
    </ul>
    <div class="tab-content">
        <div id="tab1" class="tab-pane active">
            <p>Howdy, I'm in Section 1.</p>
        </div>
        <div id="tab2" class="tab-pane">
            <p>Howdy, I'm in Section 2.</p>
        </div>
        <div id="tab3" class="tab-pane">
            <p>Howdy, I'm in Section 3.</p>
        </div>
    </div>
</div>

你好，我在第一区

你好，我在第二区

你好，我在第三区

然后只需将div中的内容更改为您需要的内容

---

这里可以找到一个工作示例：

您需要将

ul

封装在这些标签中，并从

ul

中删除

id

，

选项卡窗格

&

活动的
类

<div id="tab1" class="tab-pane active"> 
<ul>
    <li class='videolist'>
         <iframe allowfullscreen="" frameborder="0" height="50" id="player" mozallowfullscreen="" src="http://player.vimeo.com/video/67860856" webkitallowfullscreen="" width="100"></iframe>
         <span class='vidtext'>ddddddddddddddddddddddd99999</span>
    </li>
</ul>
</div>




滴滴涕滴滴涕滴滴滴涕99999




<div id="tab1" class="tab-pane active"> 
<ul>
    <li class='videolist'>
         <iframe allowfullscreen="" frameborder="0" height="50" id="player" mozallowfullscreen="" src="http://player.vimeo.com/video/67860856" webkitallowfullscreen="" width="100"></iframe>
         <span class='vidtext'>ddddddddddddddddddddddd99999</span>
    </li>
</ul>
</div>