2017-03-25 20 views
0

jsとブートストラップを表現するのが非常に新しいです。 ダストビューエンジンを使用しています。折りたたみ機能以外はすべて正常に動作していました。動作しません。 私layout.dustファイルはjQueryとブートストラップを含ん -ブートストラップ折りたたみがほこりで動作しない

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

に動作しない可能性が誰を私を助けてください?

答えて

0

これは初めてのことですが、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} 
を試してみました
関連する問題