2017-12-21 17 views
2

ajax-exampleと同様のアラートを作成しますが、の前に外部クリックの却下を許可するを確認したいと思います。ユーザーが確認をクリックすると、操作が完了するまで外部のクリックを許可しません。SweetAlert2は確認後にクリックしないでください

この例のように設定変数allowOutsideClickをfalseに設定すると、外部クリックが許可されず、プログラマチックにこの動作を実現する有効なメソッドがドキュメントに表示されません。

答えて

2

最新リリースのallowOutsideClickパラメータの関数を渡す機能を追加しました。

今ではカスタム関数と背景のクリックを無効にすることが可能です:

allowOutsideClick:() => { 
    // add your logic here and return boolean 
} 

あなたの場合:

swal({ 
 
    title: 'Submit email to run ajax request', 
 
    input: 'email', 
 
    showLoaderOnConfirm: true, 
 
    preConfirm: (email) => { 
 
    return new Promise((resolve) => { 
 
     setTimeout(() => { 
 
     resolve() 
 
     }, 3000) 
 
    }) 
 
    }, 
 
    allowOutsideClick:() => !swal.isLoading() 
 
})
<script src="https://unpkg.com/[email protected]/dist/sweetalert2.all.js"></script>

関連する問題