jquery - 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/)，您只需提供要加载的 url:

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