我正在尝试使用pushstate。但它不起作用。 实际上,我的“loadContent()”函数不起作用。它没有任何区别。我会告诉你我的代码。
使用Javascript:
$(function() {
$('a').click(function(e) {
$("#loading").show();
href = $(this).attr("href");
loadContent();
// HISTORY.PUSHSTATE
history.pushState('', 'New URL: '+href, href);
e.preventDefault();
});
// THIS EVENT MAKES SURE THAT THE BACK/FORWARD BUTTONS WORK AS WELL
window.onpopstate = function(event) {
$("#loading").show();
console.log("pathname: "+location.pathname);
loadContent();
};
});
function loadContent(){
// USES JQUERY TO LOAD THE CONTENT
$.ajax({
url: "tema/project/content.php",
success: function(e){
$(".main-div").empty();
$(".main-div").append(e);
}
});
}
Content.php:
echo "this is my example to show me it does work.";
并且有一些简单的html代码并不是必需的。 好吧我不明白,虽然转向是在loadContent上,但没有任何反应。它没有清空'main-div'它没有放任何内容,并且在chrome中存在问题。
但为什么呢?为什么不起作用?
任何帮助?