Javascript 当尝试通过链接加载内容时，Jquery加载不起作用，重定向而不是更新

我想更改为使用链接设置div中的内容

我的HTML代码：

---

您需要将事件侦听器绑定到链接，还需要防止默认操作，如下所示：

$(document).ready(function() {
    $('a').on('click', function(e) {
        e.preventDefault();//prevents following the link
        $('#content').load( this.href );
    });
});

---

您正在单击指向另一个文件的链接，因此浏览器试图重定向到此文件

您需要防止链接的默认行为，并将其作为JS触发器使用Ajax加载内容

$('a').click(function(event) {
  event.preventDefault();
  var url = $(this).attr('href');

  $('#content').load(url);
  return false; 
});

---

这应该行得通。您是否单击以将内容放入div？我的目标是拥有可单击的链接：单击时更新内容。负载仍然不工作。现在我希望load只使用dashboard.html更新内容，如上所述。为了回答您的问题-不，b/c我只想在此时加载内容现在我想加载，只需使用dashboard.html更新内容：那么上面的操作就可以了。检查dashboard.html的路径。Try/dashboard.html如何将“dashboard.html”加载到内容中？我只想在contentdiv中加载dashboard.html内容

$(document).ready(function() {
    $('a').on('click', function(e) {
        e.preventDefault();//prevents following the link
        $('#content').load( this.href );
    });
});

$('a').click(function(event) {
  event.preventDefault();
  var url = $(this).attr('href');

  $('#content').load(url);
  return false; 
});