Javascript 简单表单不能在提交时取消模式
我有一个简单的形式,用户可以留下一条消息,并确认他的付款在一次点击。。。 只有付款已确认且模式未关闭。 如果我在my:submit中添加数据Disclease=>modal,则该模式已关闭,但付款未确认。。。 我错过了什么Javascript 简单表单不能在提交时取消模式,javascript,jquery,ruby-on-rails,ajax,twitter-bootstrap-3,Javascript,Jquery,Ruby On Rails,Ajax,Twitter Bootstrap 3,我有一个简单的形式,用户可以留下一条消息,并确认他的付款在一次点击。。。 只有付款已确认且模式未关闭。 如果我在my:submit中添加数据Disclease=>modal,则该模式已关闭,但付款未确认。。。 我错过了什么 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Payment confirmation</h4>
</div>
<%= simple_form_for(@booking, url: pay_booking_path(@booking), method: :patch, remote: true ) do |f| %>
<div class="modal-body">
<h4> Price : <strong><%= @booking.max_booking_price %>$</strong></h4>
<div class="motivations">
<p>Why do you want to make this trip, tell us a bit about you</p>
<%= f.input :motivation_message, label: false %>
</div>
</div>
<div class="modal-footer">
<%= f.button :submit, class: "btn btn-primary" %>
</div>
<% end %>
</div>
</div>
</div>
如果我这样做它关闭,但付款不起作用
<div class="modal-footer" >
<%= f.button :submit, class: "btn btn-primary", "data-dismiss"="modal"%>
</div>
编辑
我也在尝试用一些js来修复它,但我还不太适应:以下是我尝试过的
<script>
$('.btn').on("click", function(event) {
event.preventDefault();
$('#myModal').modal( 'hide' );
});
</script>
尝试更改data Dislose=modal以匹配模型的id,即data Dislose=myModal。没有测试