模板事件不适用于使用 Meteorjs 的模态

Question

您好，我正在使用 peppelg:bootstrap-3-modal 在 Meteor 中使用模态。

模态模板代码

<template name="requestBooking">
  <div class="modal fade">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
                  <div class="modal-header">
                      <h3 style="margin-bottom: 25px; text-align: center;">Request Tutorial</h3>
                  </div>
                  <div class="modal-body">
                    <form role="form">

                    .................

                    <div class="form-group">
                      <button type="button" id="submit" name="submit" class="btn btn-primary pull-right ">Request Booking</button>
                  </div>
                </form>
              </div>

              <div class="modal-footer">
                <button type="button" id ="request" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
              </div>
            </div>
        </div>
    </div>
</template>

还有我的模板事件监听器

Template.requestBooking.events({
  "submit form": function(event, template){
    event.preventDefault();
    console.log("Clicked submit");
  }
});

我的 javascript 控制台没有记录任何内容

Answer 1

您只需为您的Request Booking 按钮设置一个submit 类型。

<button type="submit" class="btn btn-primary pull-right">Request Booking</button>