jquery - 如何渲染整个页面？

Question

我正在使用django + jquery编写一个html页面，页面的布局是:

head (divs)
--------------------------
left (divs) | right (divs)

我想在单击头部div后更改整个页面(头部div将全部相同，但左右div将更改)(js将向django发送一条post消息并获取响应 html)。

现在我可以获得整个新页面，但我不知道如何再次重新渲染整个页面？任何帮助将不胜感激!

Answer 1

您可以结合 jQuery load() 来完成此操作并添加一个新的 div 来包含网站的内容:

head (divs)
--------------------------
container div
left (divs) | right (divs)
/container div

所以你，做这样的事情。

$('#container').load('ajax/test.html #container');

请参阅 jQuery load 的文档，它允许您加载到特定元素并过滤要包含的 html 部分。