1

非表示の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>
4

1 に答える 1

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、その動作を抑制します。

于 2012-08-22T18:24:53.850 に答える