comment indenter un div dans l'index.jade avec node.js expressjs?

Question

j'ai un index.jade qui ont un div avec rien div ce div appelé div_one il est supposé être dynamique div donc je change le contenu avec un bouton donc j'ai 4 divs préparés en .jade pour remplacer de contenu de div_one

je veux mettre des divs sur ce div quand je pousse un bouton

#div_one 
    //nothing 

quand je pousse le bouton du changement div_one

#div_one 
    #div_in_1 
     t some text 
    #div_in_2 
     t other text data 

merci!

Answer 1

Je pense que vous pouvez utiliser des demandes distinctes pour ce , c'est-à-dire AJAX. Le code côté serveur serait:

app.get('/div_in_1', function(req, res) { 
    res.render('div_in_1.jade'); 
} 

// For every div 

Le code frontal serait:

$('#btn1').on('click', function() { 
    $.ajax({ 
     url: "/div_in_1", 
    }).done(function(msg) { 
     $('#div_one').html(msg); 
    }); 
} 

Answer 2

Je ne suis pas sûr de ce que cela a à voir avec indenter, mais quelque chose comme ça fonctionne (j'utilise jQuery ici) ...

script 
    $('#btn').click(function() { 
     $('#div_one').html('<div id="div_in_1">t some text</div><div id="div_in_2">t other text data</div>'); 
    }); 

#div_one 
    | empty 

button#btn Click me