我正在尝试在页面下方的列表项和 div 之间建立链接。
我的 HTML 如下所示:
<div id="sidebar">
<ul id="side-items">
<li class="side-item" id="s1">side 1</li>
<li class="side-item" id="s2">side 2</li>
<li class="side-item" id="s3">side 3</li>
<li class="side-item" id="s4">side 4</li>
</ul>
</div>
<div id="body">
<div id="page1">
Page1
</div>
<div id="page2">
Page2
</div>
<div id="page3">
Page3
</div>
<div id="page4">
Page4
</div>
</div>
我的 jQuery 看起来像这样:
$("#s1").click(function() {
$("#page1").toggle();
});
$("#s2").click(function() {
$("#page2").toggle();
});
$("#s3").click(function() {
$("#page3").toggle();
});
$("#s4").click(function() {
$("#page4").toggle();
});
我想要的是n
当您单击 item number 时要切换的页码n
。
但是,使用此代码,当您单击列表项时不会发生任何事情。我有这样的jQuery链接:
<script src="./jquery-1.10.1.min.js" type="text/javascript"></script>
我的问题是为什么这不起作用?我是否$()
错误地使用了该功能?