模板事件不適用於為 Meteorjs 使用模態

Question

嗨，我正在使用 peppelg:bootstrap-3-modal 在 Meteor 中使用 modal。

模態模板代碼

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