防止页面在jQuery功能后重新加载或向上移动

Question

我正在使用toggle和slideDown函数来显示/隐藏buttons和Divs 。 一切正常-除了事实-每当我单击一个按钮时，页面都会重新加载，并且slideDown的效果太接近底部，用户看不到它。 我该如何预防？

jQuery的

$(document).ready(function(){
     $("#banner_step_2").hide();
$("#next_btn_info_id").click(function(){
    $("#banner_step_2").slideDown(500);
  });
    });

HTML

<div class="next_btn_info" id="next_btn_info_id">
   <a href="#"><?php echo $lang ['next']; ?></a>
</div>  

<div class="clearfix"></div>

<article class="order_form_banner_step_2" id="banner_step_2">
</article>

抱歉，输入的信息不正确，我只是注意到页面没有重新加载，而只是在slideDown功能处于活动状态slideDown向上滑动。 所以我的问题仍然是，一切都发生在屏幕的底部和外部。 我如何才能具有slideDown函数，但同时slideDown其向下scrolling到该Div的顶部？

Answer 1

e.preventDefault(); 或return false; 解决方案中需要您的功能内部。