我遇到了一个关于使用bootstrap关闭数据模式的小问题我已经在当前阶段显示了一些代码,ajax通过输入提交字段验证表单,但是它没有关闭它所在的模态
所以我的问题我如何利用相同的ajax代码,但允许数据模式在提交时关闭请记住模态id是webapp_customers_modal但是动态结果,因为它在多个地方使用
这是我想使用的首选方法,但不提交表单
<button type='submit' data-dismiss='modal'data dismiss='modal'>Save</button>
这是使用此作品的当前表单提交,但不关闭模态
<input type='submit' class='btn btn-info' value='Save' >
这是ajax代码
<script>
$(function() {
$('form.frm_details').on('submit', function(event) {
event.preventDefault();
$.ajax({
url: '/limitless/functions2.php',
type: 'post',
dataType: 'json',
data: $(this).serialize(),
success: function(data) {
if(data.status == '1')
{
$('#info').addClass('alert alert-danger no-border').html(data.message);
}
if(data.status == '2')
{
$('#info').addClass('alert alert-danger no-border').html(data.message);
webapp_get_customers();
}
}
});
});
});
</script>
答案 0 :(得分:3)
如果您一次只打开一个模态,则可以向它们添加一个公共类,例如 my-modals ,然后在您的脚本中使用它。这样您就不需要跟踪动态创建的ID了。
$('.my-modals').modal('hide');
答案 1 :(得分:0)
为什么不使用javascript关闭模态?给你的模态一个Id
$('#myModal').modal('hide'); //This closes modal with id 'myModal'
PS:您可以在成功回调中添加上述代码。