javascript - 铁:路由器工作很奇怪-将我发送到模板，然后返回

我对Router.go（）函数有问题。我有一个表格，当它提交时，应该将我路由到测验页面。目前它会执行此操作，只是它立即将我带回到表单所在的主页模板。我离流星只有几个月的路程，所以我毫不怀疑我正在放屁。任何帮助将不胜感激，谢谢。

测验页面下面的全部是模板，其名称为测验，并在其中带有h1标签，以说明其测验页面。我可以看到此页面一秒钟，然后它才能回到首页。

这是我的主页js文件：

if (Meteor.isClient) {

   Template.home.events({
       "click .btn-success": function(event){
           var lead_name = $('#name').val();
           var lead_email = $('#email').val();
           leads.insert({name: lead_name, email: lead_email});
           Router.go('quiz');
       }
   });

    Template.home.helpers({
       leads: function(){
           return leads.find();
       }
    });
}

以下是home.html文件：

<template name="home">
<div id="home" class="container-fluid">
    <div class="row col-md-4 col-md-offset-4">
        <h1>Omni Homogenizer Quiz</h1>
        <h2>How Well Do You Know Homogenizing?</h2>
        <form>
            <div class="form-group">
                <label for="name">Your Name:</label>
                <input type="text" name="name" placeholder="name" class="form-control" id="name">
            </div>
            <div class="form-group">
                <label for="email">Your Email:</label>
                <input type="text" name="email" placeholder="email" class="form-control" id="email">
            </div>
            <button class="btn btn-large btn-success">Play Now to Enter To Win an IPad Mini</button>
        </form>
    </div>
</div>

这是我的router.js文件：

Router.configure({
    layoutTemplate: 'layout'
 });

Router.map(function() {

   this.route('home', {
      path: '/',
      template: 'home',
   });

   this.route('quiz');

});

最佳答案

尝试在您的点击中添加event.preventDefault。单击按钮将触发表单提交。

Template.home.events({
    "click .btn-success": function(event){
        event.preventDefault();
        var lead_name = $('#name').val();
        var lead_email = $('#email').val();
        leads.insert({name: lead_name, email: lead_email});
        Router.go('quiz');
    }
});