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'); });