乍一看:
$(".subnav ul li a").click(...)应该
$("#subnav ul li a").click(...)因为你已经习惯了
<div id="subnav" >。使用
#了
id和
.上课。
更新: 要从特定元素加载内容,可以使用以下命令:
$("#content2").load("abc.html #container");这里
#container是
id元素的,只有该元素的html会加载到target中
div,因此请确保使用right
identifier。在jQuery网站上阅读更多内容。
更新: 您可以对所有菜单项使用一个功能/处理程序:
$(function(){ $(".subnav ul li a") .click(function(e){ e.preventDefault() $('#content2').load($(this).attr('href') + ' #content'); });});确保您的所有
pages/html文件都包含相同的文件,
#content因此,每次单击任何菜单项时,
html都将
$('#content2')仅将适当的文件加载到#content页面的一部分中,并
href='filename.html'为所有菜单项提供正确的链接()。
如果您的所有页面都不相同
id,
#content则
data-target='identifier'在每个
a标记中添加一个,如下所示:
<div id="subnav" > <ul> <li><a href='abc.html' data-target='content'>Abc</a></li> <li><a href='def.html' data-target='someid'>Edf</a></li> </ul></div>
因此,在这种情况下,您可以使用以下内容:
$('#content2').load($(this).attr('href') + ' #' + $(this).attr('data-target'));


