Question

我有一个没有任何div的index.jade 这个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);
    });
}

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

2 个答案: