Twitter Bootstrap折疊無法正常工作

Question

我正試圖使用twitter bootstrap網站上提供的示例來解決問題。 當我嘗試使用此代碼時，單擊鏈接以折疊內容不會執行任何操作。 這是我的代碼：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Test</title>

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

</head>
<body>

<div class="accordion" id="accordion2">
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                Collapsible Group Item #1
            </a>
        </div>
        <div id="collapseOne" class="accordion-body collapse in">
            <div class="accordion-inner">
                Anim pariatur cliche...
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                Collapsible Group Item #2
            </a>
        </div>
        <div id="collapseTwo" class="accordion-body collapse">
            <div class="accordion-inner">
                Anim pariatur cliche...
            </div>
        </div>
    </div>
</div>

</body>
</html>

Answer 1

Bootstrap的JavaScript庫依賴於jQuery。 你需要在bootstrap.js之前包含它，例如

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="../js/bootstrap.js"></script>

請參閱此處的注釋 - http://getbootstrap.com/2.3.2/getting-started.html#file-structure

請注意，所有JavaScript插件都需要包含jQuery。

或現代的等價物~ http：//getbootstrap.com/getting-started/#jquery-required

需要jQuery

請注意， 所有JavaScript插件都需要包含jQuery ，如啟動器模板中所示。 請咨詢我們的bower.json ，了解支持哪些版本的jQuery。

Twitter Bootstrap折疊無法正常工作

問題描述

1 個解決方案

解決方案1
15 已采納 2013-08-12 04:00:06

需要jQuery

Twitter Bootstrap折疊無法正常工作

問題描述

1 個解決方案

解決方案1 15 已采納 2013-08-12 04:00:06

需要jQuery

解決方案1
15 已采納 2013-08-12 04:00:06