<分区>
标签 javascript jquery html css
<分区>
这是将 abc.html 中的 div 加载到 master.html div 中的代码的当前状态,称为 whatis_content 。我想对所有菜单项执行此操作
<div id="submenu">
<div id="subnav" >
<ul>
<li id="subone"><a href="abc.html" data-target='content2'>Definitions</a> </li>
<li id="subtwo"><a href="abc.html" data-target='content3'>History</a></li>
</ul>
</div>
<script src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#subnav ul li a").click(function(e){
e.preventDefault()
$('#whatismt_content')
.load($(this).attr('abc.html') + ' #' + $(this).attr('data-target'));
});
});
</script>
这是 ABC.HTML 的外部 HTML 文件
<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="whatis.css" />
</head>
<body>
<div id="content2"><p>BAH BLAHA BH;AHABHBAKBAHBAhtml </p></div>
来点内容来点
<div id="#whatismt_content">
</div>
最佳答案
您没有正确编码,只需尝试以下更改:
$(function(){
$("#subnav ul li a").click(function(e){
e.preventDefault();
var url = $(this).attr('href') + ' #' + $(this).attr('data-target');
$('#whatismt_content').load(url);
});
});
不要将 '#'
更改为 '#'
,复制并粘贴准确的代码。
关于javascript - 使用多个菜单项和一个 JS 语句将外部 html div 加载到 master.html div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22949548/