ブートストラップモーダルを使用するポップアップがあります。ポップアップにより、ユーザーはファイルをダウンロードするかキャンセルすることができます。私がやりたいのは、キャンセルオプションの場合と同様に、ユーザーが[ダウンロード]ボタンをクリックしたら(そしてダウンロードが開始されたら)ポップアップを閉じることです。
ダウンロード用のタイプ送信ボタンでdata-dismissを使用してみましたが、それが閉じている間、ダウンロードは開始されませんでした。
これが私の2つのボタンの外観です。
<div class="modal-footer">
<button type="submit" class="btn btn-primary">Download</button>
<button type="button" class="btn btn=secondary" data-dismiss="modal">Cancel</button>
</div>
今、ボタンをクリックするとダウンロードが始まりますが、ポップアップは残ります。[キャンセル]をクリックすると、ポップアップが閉じます。ダウンロード後にdata-dismissのようなもので閉じることはできますか、それともJavaScriptが必要ですか?
ドキュメントによると、jqueryを使用してモーダルを非表示にすることができます$('#myModal').modal('hide')
。モーダルにIDを追加し、以下のようにダウンロード関数内のjqueryでそれを閉じます。
function download() {
$('#myModal').modal('hide');
....
....
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加