您好,我正在使用 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 控制台没有记录任何内容
最佳答案
您只需为请求预订
按钮设置提交
类型。
<button type="submit" class="btn btn-primary pull-right">Request Booking</button>
关于javascript - 模板事件不适用于使用 Meteorjs 的模态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30820798/