Iron:router 工作很奇怪 - 将我发送到模板然后返回

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');
    }
});

Iron:router 工作很奇怪 - 将我发送到模板然后返回

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

javascript

meteor

iron-router