此頁面如何與Bootstrap 3.3.4中的Collapse.js一起使用？

Question

我正在使用Bootstrap v.3.3.4。 我所有的資源都是相對鏈接的，並且html文件在正確的位置可以訪問它們。

我正在制作一個“了解更多”按鈕，並在按下該按鈕時在其上方或下方顯示一個折疊的無序列表。

我無法獲得任何按鈕或鏈接來切換折疊的元素。

這是我要執行的操作的一個示例：

<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
        <script src="js/jquery-1.11.3.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </head>
    <body>
        <button class="btn btn-default" type="button" data-toggle="collapse" data-target="#moreInfo" aria-expanded="false" aria-controls="collapseExample">Learn More</button>
        <div class="collapse" id="moreInfo">
            <div class="well">
                <ul>
                    <li>list item 1</li>
                    <li>list item 2</li>
                    <li>list item 3</li>
                    <li>list item 4</li>
                    <li>list item 5</li>
                </ul>
            </div>
        </div>
        </body>
    </html>

Answer 1

我想您只是忘了鏈接jquery庫。 :)

如果您嘗試以下操作，則您的html行就可以正常工作： http : //www.bootply.com/new#

如果這不起作用，則可以在初始加載時顯式調用崩潰。

$('#moreInfo').collapse();

此頁面如何與Bootstrap 3.3.4中的Collapse.js一起使用？

問題描述

1 個解決方案

解決方案1
1 已采納 2015-06-12 19:19:16

此頁面如何與Bootstrap 3.3.4中的Collapse.js一起使用？

問題描述

1 個解決方案

解決方案1 1 已采納 2015-06-12 19:19:16

解決方案1
1 已采納 2015-06-12 19:19:16