2017-03-25 2 views
0

Je suis très nouveau pour exprimer js et bootstrap. J'utilise le moteur de vue Dust. Tout fonctionnait bien, sauf la fonctionnalité d'effondrement. Cela ne fonctionne pas. Mon fichier layout.dust comprennent jquery et bootstrap -Bootstrap Collapse ne fonctionne pas avec de la poussière

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

Je suis en train d'obtenir un effet d'effondrement dans mon index.dust pour cliquer sur le bouton, mais malheureusement, il ne fonctionne pas

{> "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} 

quelqu'un pourrait Aidez-moi, s'il vous plaît?

Répondre

0

Je suis nouveau à ce sujet, je pense que vous pourriez manquer l'attribut href?

Avez-vous essayé ?:

{> "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}