web-dev-qa-db-ja.com

bootstrap 4秒またはユーザーがクリックした後にモーダルを閉じる

bootstrap= modalのタイムアウトを設定するにはどうすればよいですか？phpによって返されるメッセージにsuccessという用語が含まれているというajaxデータを取得した後、ユーザーにオプションを提供しますウィンドウを閉じますが、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');
            }
        });
    });
});
jqueryajaxtwitter-bootstrapmodal-dialog
14
Alex

SetTimeout（）を呼び出す場合、コマンドを匿名関数でラップします。それ以外の場合、コマンドはすぐに実行されます。

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

//モーダルのIDは「モーダル」

18
ebentil

次のコードは、onClickイベントでモデルを非表示にするために使用されます。非表示にするセレクターとして、onClickリスナーのクラス名とモーダルIDを使用します。

$('.class_name').on('click',function(){
    $('#modal_id').modal('hide');
});
0
Subhash Patel
_$('#submit1').click(function(){
        setTimeout("$('#myModal').modal('hide');",3000);
    });
_

これは、ポップアップを閉じるときに3秒遅延するために機能しています。このクリックについて$('#submit1')で確認してください。コードを記述しました。

0
Shashank Malviya