jquery - Jquery，向下滑动隐藏的div跳到顶部

Question

我有一个链接，一旦我单击隐藏的 div 就会向下或向上滑动，但它总是跳到页面顶部，所以我必须一直向下...

我读到我必须存储一个高度，但我的内容是动态的，所以我不能这样做......

CSS

.resultado{

    text-align: left;
}

div 本身

<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你来抑制这种行为。