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

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

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

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

1 个答案: