node.js - 如何使用node.js expressjs缩进index.jade中的div？

Question

我有一个 index.jade，它有一个没有任何内容的 div，这个 div 称为 div_one，它假设是动态 div，所以我用一个按钮更改内容，所以我在 .jade 中准备了 4 个 div 来替换 div_one 的内容

当我按下按钮时，我想在那个 div 上放一些 div

#div_one
    //nothing

当我按下按钮时 div_one 改变

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

谢谢你！

Answer 1

我不确定这与缩进有什么关系，但这样的工作（我在这里使用 jQuery）......

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

Answer 2

我认为您可能希望为此使用单独的请求，即 AJAX。服务器端代码将是：

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

// For every div

前端代码将是：

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