Jquery 单击按钮时，我的页面将重新加载

我有个问题。我想用多种形式做一个语域对话

我从welcome div开始，当我点击按钮时，它会很好地进入第一个设置框。现在，当我想从第二个设置框转到第三个设置框时，它只是刷新我的页面。我做错了什么

这是我的按钮，用于刷新

  <div class="row">
<div class="large-12 columns">
<input type="submit" name="submit" class="button gotoThird" value="Get started!">
</div>

希望你们能帮助我：）

添加默认值

传入事件“e”并阻止其默认操作

$("#getStartedButton").click(function(e) {
          e.preventDefault(); // prevents the default action of clicking an a tag.
        $(".fadeIn").hide();
        $(".setupBox-second").fadeIn(1500); 
    ));

---

将

type=“submit”

更改为

type=“button”

不，这没有帮助。按钮单击没有默认操作，因此没有什么可阻止的。您可能需要使用元素来代替？

$("#getStartedButton").click(function(e) {
          e.preventDefault(); // prevents the default action of clicking an a tag.
        $(".fadeIn").hide();
        $(".setupBox-second").fadeIn(1500); 
    ));