在此示例中,单击contact
导航菜单上的选项卡将打开引导程序模式。如果用户在模式的文本框中输入的字符串少于10个,则会出现警告,并且模式不会关闭。如果字符串大于十,那么将在模态上附加一条消息,说类似success...
,模态应延迟拼写然后消失。使用当前的代码,验证部分和模式将显示出来,但是在它消失之前没有任何延迟。为什么当前的代码无法正常工作,我该如何解决?
小提琴JS
$(document).ready(function () {
$('#modalClose').click(function () {
var validResult = getLength('#tbName', 10);
if (validResult) {
var successMessage = $('<div>').text('Successfully saved to database...').css('color', 'green');
$('.modal-body').append(successMessage);
$('#contact').delay(5000).modal('hide');
}
else {
alert('input did not meet validation, try again');
$('#tbName').val('').focus();
}
});
function getLength(el, x) {
var len = $(el).val().length
return len > x
}
$('#contact').on('hide.bs.modal', function () {
$('#tbName').val('');
});
$('#contact').on('shown.bs.modal', function () {
$('#tbName').focus();
});
});
您应该使用setTimeout而不是delay
,延迟适用于动画队列。
window.setTimeout(function(){
$('#contact').modal('hide');
}, 2000); //2000 milliseconds i.e 2 seconds, you can change it to the value as you need
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句