Question

我遇到了问题。我正在尝试用多种形式进行注册对话。

我从欢迎div开始，当我点击按钮时，它完全适合第一个设置框。现在，当我想从第二个到第三个设置框时，它只是刷新我的页面。我在这做错了什么？

这是我刷新的按钮。

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

这是我的JS档案。

  $( document ).ready(function() {


    $(function() {
    $(".fadeIn").fadeIn(1500);
    });

    $("#getStartedButton").click(function() {
        $(".fadeIn").hide();
        $(".setupBox-second").fadeIn(1500);
    });  

    $(".gotoThird").click(function() {
        $(".setupBox-second").hide();
        $(".setupBox-third").fadeIn(1500);
    });  

});

希望你们都能帮助我：）

Answer 1

添加preventDefault https://api.jquery.com/event.preventdefault/

通过活动＆＃34; e＆＃34;并阻止其默认操作

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

Answer 2

将type="submit"更改为type="button"

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

2 个答案: