2012-05-31 25 views
0

我有一個沒有任何div的index.jade 這個div叫做div_one,它是一個動態div,所以我用一個按鈕更改內容 所以我有4個div準備.jade來替換div_one的內容如何使用node.js expressjs在index.jade中縮進div?

我想提出一些div上該div當我按下一個按鈕

#div_one 
    //nothing 

當我按下按鈕的div_one變化

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

謝謝!

回答

0

我認爲你可能需要使用這個單獨的請求,即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); 
    }); 
} 
+0

謝謝!有用!但我在玉石上有一些錯誤,所以我會嘗試修復,但顯然這是答案!再次感謝你! – andrescabana86

0

我不知道這是什麼與縮進的事,但像這樣的工作(我使用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 
+0

感謝約翰遜卻是HTML代碼...我想要做同樣的事情用玉代碼...我重複我有4 archives.jade每個人都有一些內容在玉...我想用這些文件取代#div_one的內容取決於女巫按鈕被按下... – andrescabana86

+0

您的第一個問題需要更清楚。你沒有提到那裏的多個Jade文件。看看user1306716的答案。 –

+0

我想清楚,但我的英語太糟糕了!感謝您的時間對我的英語感到抱歉! – andrescabana86