<div id="containerright">
<div id="containerrighttop">
<ul>
<li><a href="C:\Users\Ravi Ranjan\Desktop\new web\New folder/content- 1. html">Content 1</a></li>
<li><a href="C:\Users\Ravi Ranjan\Desktop\new web\New folder/content-2.html">Content 2</a></li>
<li><a href="C:\Users\Ravi Ranjan\Desktop\new web\New folder/content-3.html">Content 3</a></li>
</ul>
</div>
<div id="containerrightbottom">
</div>
</div>
</div>
** 这是我使用 ajax 编写的脚本** 在此我希望菜单栏以水平方式显示,以便单击该菜单栏时同一页面一部分上的 div 内容无需刷新页面即可更改
<script type="text/javascript">
$(function() {
$("#conatinerright""#containerrighttop").click(function() {
$("#conatinerright""#containerrightbottom" ).load($(this).attr("href"));
return false;
});
});
</script>
最佳答案
$(function() {
$("#containerrighttop a").click(function() {
$("#containerrightbottom").load($(this).attr("href"));
return false;
});
});
您的问题是:
- 您拼错了
#containerright
。选择器的这一部分不是必需的,因为内部 DIV 的 ID 就足够了。 - 您使用了无效语法,将两个字符串放在一起,而没有使用
+
来连接它们。 - 您将点击处理程序绑定(bind)到
#containerrighttop
,但它应该绑定(bind)到 anchor 。
关于javascript - 我们如何通过单击菜单栏来更改 div 内容而不刷新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19558710/