更改侧边栏的内容?

时间:2016-03-11 18:15:53

标签: javascript jquery html

我有一个网站,通过点击侧边栏上的链接可以发现用户的某些操作。我不确定该怎么做是当用户点击侧边栏上的链接时,整个页面将由于引用而重新加载,我只想更改侧边栏的内容,并保持页面的其余部分保持不变。例如,用户配置文件将位于侧边栏中,单击指向用户配置文件的链接只需显示侧边栏中的所有内容,页面的其余部分应仅显示之前显示的内容。

请原谅整篇文章,不要放任何代码,但不会有任何不同。

1 个答案:

答案 0 :(得分:0)

您可以做的是使用javascript在这些链接上添加点击事件。当您单击它时,它会加载另一个页面的模板。例如:

HTML code:

<div class="sidebar">
  Welcome
</div>

这个Javascript代码:

$(".sidebar").click(function(event) {
   $('.sidebar').html('');
   $('.sidebar').load('sidebar2.html');
});

例如,当您单击欢迎时,它将删除侧边栏的内容并将其替换为文件sidebar2.html中的html