bootstrap模态在4秒后关闭或用户单击

如何为引导模式设置超时? 获取ajax数据后,php返回的消息包含术语success ,我想给用户关闭窗口的选项。 但是,我也想减少4秒钟。 目前第二个成功消息回来,模态隐藏自己。

 $('#forgotform').submit(function (e) { "use strict"; e.preventDefault(); $('#forgotsubmit').button('loading'); var post = $('#forgotform').serialize(); var action = $('#forgotform').attr('action'); $("#message").slideUp(350, function () { $('#message').hide(); $.post(action, post, function (data) { $('#message').html(data); document.getElementById('message').innerHTML = data; $('#message').slideDown('slow'); $('#usernamemail').focus(); if (data.match('success') !== null) { $('#forgotform').slideUp('slow'); $('#forgotsubmit').button('complete'); $('#forgotsubmit').click(function (eb) { eb.preventDefault(); $('#forgot-form').modal('hide'); }); setTimeout($('#forgot-form').modal('hide'), 10000); } else { $('#forgotsubmit').button('reset'); } }); }); }); 

调用setTimeout()时,将命令包装在匿名函数中。 否则命令将立即执行。

 setTimeout(function() {$('#forgot-form').modal('hide');}, 4000); 
 setTimeout(function(){ $('#Modal').modal('hide') }, 4000); 

//其中modal的id是’Modal’

 $('#submit1').click(function(){ setTimeout("$('#myModal').modal('hide');",3000); }); 

这是为了让popup在关闭时延迟3秒。 请点击$('#submit1')查看我编写的代码。

以下代码用于在onClick事件上隐藏模型。 使用onClick侦听器的classname和modal id作为要隐藏的选择器。

 $('.class_name').on('click',function(){ $('#modal_id').modal('hide'); });