Jquery load()在同一个div中打开链接

Jquery load()在同一个div中打开链接,jquery,html,replace,load,hyperlink,Jquery,Html,Replace,Load,Hyperlink,我太困惑了,我甚至不知道如何搜索答案(我试过谷歌和这里)。我会尽力把这个问题说得尽可能清楚!基本上,我已经设置了一个用户消息收件箱,它通过load()加载到用户页面中。我在这里是基于这个方法的: 我希望所有收件箱功能都能在一个div中进行,而无需重新加载页面。例如,列出所有消息、查看消息、按消息排序、删除消息等都可以在不重新加载页面的情况下完成 到目前为止,我有一个很好的收件箱消息列表,从inbox.php加载到member.php上的一个div中。看起来很不错。但是,当我单击“已包含”收件箱列

我太困惑了,我甚至不知道如何搜索答案(我试过谷歌和这里)。我会尽力把这个问题说得尽可能清楚!基本上,我已经设置了一个用户消息收件箱,它通过load()加载到用户页面中。我在这里是基于这个方法的:

我希望所有收件箱功能都能在一个div中进行,而无需重新加载页面。例如,列出所有消息、查看消息、按消息排序、删除消息等都可以在不重新加载页面的情况下完成

到目前为止,我有一个很好的收件箱消息列表,从inbox.php加载到member.php上的一个div中。看起来很不错。但是,当我单击“已包含”收件箱列表中的链接以显示消息时,它会将我带到浏览器中的新页面。我希望邮件加载到同一个div中,替换收件箱列表。消息uri类似于“inbox/message/321”,其中321是消息ID。我将如何执行此操作

$("#inbox-div").on("click", "a", function (e) {
    $("#inbox-div").load($(this).attr("href"));
    e.preventDefault();
});
你可以试试上面的方法

基本上,当用户单击inbox div中的链接时,它会捕获,并使用jQuery
load
函数在其中加载该URL

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

你可以试试上面的方法

基本上,当用户单击inbox div
中的链接时,它会捕获,并使用jQuery
load
函数在其中加载该URL


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

在链接中放置“onClick”,让它返回“false”,然后执行JQuery AJAX调用以获取数据。在链接中放置“onClick”,让它返回“false”,然后执行JQuery AJAX调用以获取数据。感谢您的帮助,这似乎很好。现在只有一个问题。邮件列表包含指向发件人配置文件的链接,我确实希望这些链接在新页面中打开,而不是在div中打开:)如何覆盖这些链接上的方法?您可以筛选链接,例如:
$(“#收件箱div”)。在(“单击”,“a:非(.profile)”,func
…不会影响类
配置文件的链接
如果您想在新选项卡中打开这些链接,可以过滤掉带有空目标的元素。
$(“#收件箱div”)。在(“单击”,“a:不([target=#blank)”
太棒了!非常感谢。我现在可以去喝杯啤酒了!好吧,现在我如何使用表单提交按钮来实现这一点?谢谢你的帮助,这似乎很好。现在只有一个问题。邮件列表包含指向发件人个人资料的链接,我希望这些链接在新页面中打开,而不是在div中:)如何覆盖这些链接上的方法?您可以筛选链接,例如:
$(“#收件箱div”)。在(“单击”、“a:not(.profile)”,func
…不会影响带有class
profile
的链接。如果您希望在新选项卡中打开这些链接,则可以筛选出带有空目标的元素。
$(“#收件箱div”)。在(“单击”,“a:不([target=\u blank)”
太棒了!非常感谢。我现在可以去喝杯啤酒了!好吧,现在我如何使用表单提交按钮来实现这一点?