javascript - 动态加载内容

Question

我想使用 Ajax 加载内容并仅防止重新加载 header ，类似于此 site .

到目前为止，我已经有了这个，但不知道还需要添加什么才能达到相同的效果。我注意到该网站上的 URL 以及标题之外的内容也发生了变化，这正是我想要的。查看源代码后，除了注意到 URL 中的 .php 扩展名之外，我找不到他正在使用的任何内容。

$('nav li a').click(function(){
  // var pageurl = $(this).attr(href);
  var pageurl = $(this).attr('href');

  $('#wrap').load(pageurl);
});

我做错了什么？

更新

抱歉，我确实错过了 href 上的引号，尽管它仍然对我不起作用。

Answer 1

$('nav li a').click(function(e){
  var pageurl = $(this).attr('href');

  $('#wrap').load(pageurl);

  e.preventDefault();
});

您需要在 attr 周围添加引号，并通过添加 PreventDefault() 来阻止链接更改页面。

编辑:

我刚刚注意到您的选择器是:

$('nav li a')

您确定它不是 #nav 或 .nav(用于 ID 或类)吗？