javascript - 铁 :router working Weird - sends me to template then goes back

Question

我在使用 Router.go() 函数时遇到问题。我有一个表格，当它提交时，它应该将我路由到测验页面。目前它会执行此操作，但它会立即带我返回表单所在的主模板。我离开 Meteor 几个月了，所以我毫不怀疑我脑子有问题。任何帮助将不胜感激，谢谢。

测验页面下的所有内容都是名为测验的模板，并且其中有一个 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');

});

Answer 1

尝试在您的点击中添加 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');
    }
});