html div自动刷新,负荷的html页面不刷新，当该div内的链接被点击

基本上我有一个“地图”，上面有一些“点”;当一个点被点击，我想加载另一个图像，而不是刷新页面上的其他点(点是链接)。这样做的一种方式是获取div的显示：无，点击时，隐藏()当前图像(以及点)和淡入淡出()，但我不想每次都加载所有图像该页面被访问。

问题：

当与普通的PHP做它，它工作完全正常：当它是“main.php”它打开图像“1-25.png”，当链接(点)为点击它打开'main.php？m = mapname'并打开'mapname.png'。但是，我希望页面保持静止，并且更改内容(不刷新)。

我有一些导航按钮的第一页，另一个带链接的页面加载的div。我需要在点击链接时更改div内的内容，而不刷新浏览器。如果我使用div外的任何链接或按钮，它会很好，但只要我尝试在div内导航，它就不起作用。

这里是一些代码： 在index.php

First

Second

Third

include ('div.php');

?>

的div.php

function getQueryVariable(variable)

{

var query = window.location.search.substring(1);

var vars = query.split("&");

for (var i=0;i

var pair = vars[i].split("=");

if(pair[0] == variable){return pair[1];}

}

return(false);

}

$(document).ready(function() {

$('#map').load('content.php');

$('a').click(function() {

alert(getQueryVariable("m"));

$.ajax({

type : 'GET',

url : 'content.php',

data: 'm=' + getQueryVariable("m"),

success : function(html) {

$("#map").html(html);

}

});

});

});

和content.php

if (!isset($_GET['m']) || empty($_GET['m'])) {

echo "

";