jQuery:显示隐藏的部分并导航到锚点

时间:2012-02-21 05:42:01

标签: javascript jquery anchor href

我创建了一个页面,其中包含一系列键入特定section的{​​{1}}个元素。该页面还有一个指向每个id的链接列表,如下所示:

section

我正在使用jQuery一次只显示一个<li><a class='subsection-nav gotoStep1' href='#step-1'>Step 1 Title</a></li>

section

问题是,jQuery函数似乎覆盖了滚动到命名// Defaults $('.document-subsection').hide(); $('.gotoStep1').addClass("active"); $('#step-1').show(); // Step 1 $('.gotoStep1').click(function() { $('.subsection-nav').removeClass('active'); $('.gotoStep1').addClass("active"); $('.document-subsection').hide(); $('#step-1').show(); return false; }); // Etc. 的标准浏览器行为。我想点击显示隐藏部分和导航指向指定id的链接。我无法想象这会很难,我只是不知道如何。

3 个答案:

答案 0 :(得分:1)

尝试$(this).addClass("active");而不是$('.gotoStep1').addClass("active"); 这仅表示您单击的链接

答案 1 :(得分:1)

只需删除

即可
return false;
在你的onclick回调中

。这将允许浏览器执行默认功能,即将页面导航到具有匹配id的元素。

答案 2 :(得分:0)

您可以使用pluginthis方式。