jquery，滑下隐藏的div跳转到顶部

Question

我有一个链接，一旦我点击一个隐藏的div滑落或向上，但它总是跳转到页面的顶部，所以我必须一路走下去.. 。

我读了存储的高度，但我的内容是动态的，所以我不能这样做...

的CSS

.resultado{ 

    text-align: left; 
} 

事业部本身

<div class="resultado"> 
<a class="mostrar" href="#">mostrar</a> 
<div class="datos"><p>Hi</p></div> 
</div> 

代码

<script type="text/javascript"> 
    $(document).ready(function(){ 

     $(".datos").hide(); 

     $('.resultado').delegate('.mostrar','click',function(event){ 

      $(this).parent().find(".datos").slideToggle(); 

     }); 
    }); 
</script> 

Answer 1

变化：

$('.resultado').delegate('.mostrar','click',function(event){ 
    $(this).parent().find(".datos").slideToggle(); 
}); 

到

$('.resultado').delegate('.mostrar','click',function(event){ 
    event.preventDefault(); 
    $(this).parent().find(".datos").slideToggle(); 
}); 

你链接的默认行为是遵循命名锚，并把页面的顶部成为关注的焦点。通过使用event.preventDefault可以抑制该行为。