Php 将链接作为加载到DIV中的目标

Php 将链接作为加载到DIV中的目标,php,javascript,jquery,html,ajax,Php,Javascript,Jquery,Html,Ajax,我已经创建了一个菜单,它只是一系列div,我使用以下代码 $(".menu_item").click(function(){ window.location = $(this).attr("data-href"); return false; }); 使每个项目的整个DIV可单击。我有一个“container”DIV设置,内容最初是通过php include加载的,但我希望在单击不同的菜单项时加载不同的内容 我知道我可以使用JQuery.load将外部文件加载到sepcific DIV

我已经创建了一个菜单,它只是一系列div,我使用以下代码

$(".menu_item").click(function(){
    window.location = $(this).attr("data-href");
return false;
});
使每个项目的整个DIV可单击。我有一个“container”DIV设置,内容最初是通过php include加载的,但我希望在单击不同的菜单项时加载不同的内容

我知道我可以使用JQuery.load将外部文件加载到sepcific DIV中,但这似乎意味着为每个链接编写单独的JQuery实例?如果可能的话,我也宁愿坚持使用php includes。我可以使用jquery.load通过php include加载吗

任何关于如何实现这一目标的帮助都将不胜感激

下面是代码的其余部分:

/* Menu Item */
<div class="menu_item" data-href="link1.html">
     Link 1
</div>

/* Container to load link into */         
<div id="myContentDiv"></div>
/*菜单项*/
链接1
/*要将链接加载到的容器*/

您可以使用jQuery AJAX速记方法
load()
,它发出AJAX请求,并在完成时用响应填充元素

$(".menu_item").click(function(e){
   var url= $(this).data('href')
    $('#myContentDiv').load( url);
     return false;/* edit to prevent browser following link*/
  });

API参考:

try$(this).find('a').attr('href')。首先在div中放置锚点我设置了data href target和正确的容器div名称,但该代码没有在容器div中打开文件。我如何设置链接?我在DIV标记中使用了“data href”,但这似乎有所不同。jQuery
data()
method读取“data href”。阅读API中有关HTML5属性的部分,请参阅演示:谢谢。我有链接工作,但只是没有加载到正确的DIV。它只是在浏览器中打印整个文本文件。我已经仔细检查了我的目标DIV名称,它应该是这样的。“文本文件”听起来很奇怪。。。有链接可以看吗?在浏览器控制台中可以看到很多关于AJAX的信息您忘记删除重定向代码:
window.location=$(this.attr(“data href”)它在其他代码之前触发
$(".menu_item").click(function(e){
   var url= $(this).data('href')
    $('#myContentDiv').load( url);
     return false;/* edit to prevent browser following link*/
  });