javascript - jQuery Tabs - 防止 anchor 在单击时将页面滚动到顶部

Question

我已经设置了一个 fiddle 来演示我的问题( http://jsfiddle.net/PR2Yn/ )。我尝试了阻止功能，但没有效果。

<div id="horizontalTab">
<ul class="resp-tabs-list">
    <li> <a href="#" class="accordionNav residents" tabindex="0">Residents<div class="tri"></div></a> </li> 
    <li> <a href="#" class="accordionNav business" tabindex="0">Business<div class="tri"></div></a> </li> 
    <li> <a href="#" class="accordionNav visitors" tabindex="0">Visitors<div class="tri"></div></a> </li> 
    <li> <a href="#" class="accordionNav wealden247" tabindex="0">Wealden 24/7<div class="tri"></div></a> </li> 
    <li> <a href="#" class="accordionNav payforit" tabindex="0">Pay for it<div class="tri"></div></a> </li>
    <li> <a href="#" class="accordionNav applyforit" tabindex="0">Apply for it<div class="tri"></div></a> </li>
    <li> <a href="#" class="accordionNav reportit" tabindex="0">Report it<div class="tri"></div></a> </li>
    <li> <a href="#" class="accordionNav planning" tabindex="0">Planning<div class="tri"></div></a> </li>
    <li> <a href="#" class="accordionNav bins" tabindex="0">Bins<div class="tri"></div></a> </li> 
    <li> <a href="#" class="accordionNav council" tabindex="0">Your Council<div class="tri"></div></a> </li> 
</ul>

具体来说，页面底部的新闻选项卡点击后会跳转到页面顶部。只要您没有向下滚动就可以，但是如果您向下滚动就会出现问题，因为您必须不断找到自己所在的位置。

Answer 1

您需要定义

href='javascript:void(0);'

而不是

 href='#'

在围绕新闻图像和内容的所有 anchor 标记中。

如果你在anchor中定义href='#'，它会在你页面的url末尾添加#并跳转。