使用jquery将html文件中的内容加载到div中

Question

所以我试图从另一个html文件中填充主内容div。

我有像这样的前两个链接：

<a href="" class="load-page" data-location="./content/johdanto.html">Johdanto</a>
<a href="" class="load-page" data-location="./content/vastuualueet.html">Vastuualueet</a>

主要内容div设置如下：

<div class="main" id="content">

jquery像这个

$('.load-page').on('click', function(event)
{event.preventDefault();
$('#content').load($(this).data('location'));
});

填充div是有效的，但无论我点击哪个链接，它都只加载第一个文件，需要一些帮助：(

Answer 1

如果有人遇到这种情况，

$('.load-page').on('click', function(event)
{event.preventDefault();
$.ajaxSetup({ cache: false });
$('#content').load($(this).data('location'));
});

将缓存设置为false为我修复了它：(