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

Question

Hi I am using peppelg:bootstrap-3-modal for using modal in Meteor.

Modal template code

<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>

And my template event listener

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

And my javascript console is not logging anything

Answer 1

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

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