Jquery，向下滑动隐藏的div跳到顶部答案

【问题标题】：Jquery, sliding down hidden div jumps to the topJquery，向下滑动隐藏的div跳到顶部
【发布时间】：2012-08-23 02:24:53
【问题描述】：

我有一个链接，一旦我点击隐藏的 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>

【问题讨论】：

标签： jquery

【解决方案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，您可以抑制这种行为。

【讨论】：