Bootstrap Collapse 不适用于灰尘答案

【问题标题】：Bootstrap Collapse is not working with dustBootstrap Collapse 不适用于灰尘
【发布时间】：2017-08-18 10:46:13
【问题描述】：

我对表达js和bootstrap很陌生。我正在使用灰尘视图引擎。除了折叠功能外，一切正常。它不工作。我的 layout.dust 文件包括 jquery 和 bootstrap -

    <!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
    <link rel = "stylesheet" href = "/stylesheets/bootstrap.css" />
    <link rel = "stylesheet" href = "/stylesheets/style.css" />
</head>
<body>
    <div class = "container" >
        <div class = "row">
            <div class = "col-md-offset-2 col-md-7">
                {+body /}
            </div>
        </div>
    </div>        
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src = "/javascripts/bootstrap.js"/>
</body>
</html>

我试图在我的 index.dust 中获得折叠效果以单击按钮，但不幸的是它不起作用

{> "layout"/}
{<body}
   {#models}
    <div class = "well">
        <h4>{Name} <button class="btn btn-default pull-right" data-toggle="collapse" 
        data-target="#models_{Name}" aria-expanded="false" aria-controls="models_{Name}">View</button></h4>
        <div class="collapse" id="models_{Name}">
            TREST
        </div>

    </div>
   {/models}
   {/body}

谁能帮帮我？

【问题讨论】：

标签： jquery twitter-bootstrap express collapse dust.js

【解决方案1】：

我是新手，我认为您可能缺少 href 属性？

你试过了吗？：

{> "layout"/}
{<body}
   {#models}
    <div class = "well">
        <h4>{Name} <button class="btn btn-default pull-right" data-toggle="collapse" 
        data-target="#models_{Name}" href="#models_{Name}" aria-expanded="false" aria-controls="models_{Name}">View</button></h4>
        <div class="collapse" id="models_{Name}">
            TREST
        </div>

    </div>
   {/models}
   {/body}

【讨论】：