我遇到了一个非常烦人的问题。
所以,我的计划是制作一个包含不同含量锂的 UL 菜单。
当我单击它们中的每一个时,我想将一个新的 HTML 页面加载到我的“Content-DIV”中。
我做了很多研究,发现了 Ajax 和 Jquery。我尝试了很多不同的代码来使其工作,并且我成功地将我的 .js 文件链接到我的索引文件。我用简单的警报命令尝试了一下。
但是当我尝试将页面加载到 DIV 中时,它根本不起作用,而且我不知道出了什么问题!
我在 stackoverflow 上找到了一个几乎相同的链接,尽管他们没有使用菜单来打开页面。
所以这是我的索引:
<div id="Left">
<ul id="nav" >
<li><a href="Home.html id="load_home">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a>
</ul>
</div>
<div id="content">
</div>
<script>$(document).ready( function() {
$("#load_home").on("click", function() {
$("#content").load("Home.html");
});
});
</script>
有任何想法吗?任何答案将不胜感激。
谢谢。
/Martin
您以错误的方式编写了 jQuery 代码 另外请确保您正在调用 jQuery 库文件。
JavaScript 代码
$(document).ready(function() {
$('a').click(function(e) {
e.preventDefault();
$("#content").load($(this).attr('href'));
});
});
HTML 代码
<div id="Left">
<ul id="nav">
<li><a href="page1.html">Home</a></li>
<li><a href="page2.html">Page 1</a></li>
<li><a href="page3.html">Page 2</a></li>
</ul>
</div>
<div id="content">The page will display here</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)