Question

我很困惑，我甚至不知道如何寻找答案（我已经尝试过谷歌和这里）。我会尽可能清楚地说出这个问题！基本上我已经设置了一个用户消息收件箱，用收件箱（）加载到用户页面。我在这里以这种方法为基础：http://www.hashbangcode.com/blog/using-jquery-load-content-page-without-iframe-536.html

我想要它，以便所有收件箱功能都在一个div中进行而无需重新加载页面。例如，列出所有消息，查看消息，订购消息，删除消息等都可以在没有页面重新加载的情况下完成。

到目前为止，我有一个很好的收件箱邮件列表，从inbox.php加载到member.php上的div。看起来很不错。但是，当我单击“包含”收件箱列表中的链接以显示消息时，它将转到浏览器中的新页面。我希望消息加载到同一个div中，替换收件箱列表。消息uri类似于'inbox / message / 321，其中321是消息ID。我该怎么做？

Answer 1

$("#inbox-div").on("click", "a", function (e) {
    $("#inbox-div").load($(this).attr("href"));
    e.preventDefault();
});

您可以尝试类似上述内容。

基本上，它会在用户点击#inbox-div内的链接时捕获，并使用jQuery load函数在其中加载该网址。

e.preventDefault();用于阻止浏览器将用户重定向到URL。

Jquery load（）在同一个div中打开链接

1 个答案: