Html - 网页上的2个html模板，只有一个重新加载

Question

问题的标题可能非常混乱，但是下面的图表应该更清楚。







图像显示我想在单个网页中使用两个不同的html模板，并且只有主页面会根据侧边栏上选择的内容进行更改。怎么办呢？

可以用css，html和jquery来完成吗？

Answer 1

根据我在这里收集的内容，您希望根据侧栏中的选择动态重新加载内容。简短的回答是：是的，这完全可以用你描述的技术完成，对于初学者你应该看看jQuery AJAX函数：

http://api.jquery.com/jquery.ajax/

如果你想深入研究这个问题，还有一些框架可以帮你解决这个问题，比如Backbone.js：http://backbonejs.org/

在这种情况下，您可以为要重新加载的站点部分定义模型等。与简单的jQuery解决方案相比，功能强大，但有点复杂。

额外提示：可能最简单，最快速的解决方案是使用jQuery.load（）（http://api.jquery.com/load/）你只需要输入要加载的网址：

$( "#main-page" ).load( "content.html" );