Question

我很擅长表达js和bootstrap。我正在使用Dust视图引擎。一切都工作正常，除了崩溃功能。它不工作。我的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}

有人可以帮助我吗？

Answer 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}

Bootstrap Collapse无法使用灰尘

1 个答案: