Php 将链接作为加载到DIV中的目标
我已经创建了一个菜单,它只是一系列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
$(".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*/
});