ブートストラップモーダル

を閉じた後、私はJavaScriptで開くブートストラップモーダル持って何かをクリックすることができません：モーダルを閉じるためにブートストラップモーダル

$('#myModal').modal('show'); 
$('.modal-content').load("page.html");

を、私はこのコードをトリガー：

$("div#myModal.modal.fade").trigger("click");

私の問題モーダルが閉じられると、ページ内の何もクリックすることができないということです。

アイデア？

出典

2017-07-18 rakipi

使用

を開いたのと同じ方法でモーダルを閉じていない

'.hide（）'、または '.modal（ '隠す'）' – KingCoder11

あなたは完全なコードを表示することができますしてください？ –

シンプルな英語で、モーダルを閉じるためにclickイベントを手動でトリガーする場合。いくつかのイベントとCSSルールが正しく機能しない可能性があります。したがって、ブートストラップは既にモーダルボックスを隠すためのメソッドを提供しています。あなたは単に.modal（ 'hide'）を使用します。のような構文 $（ 'あなたの要素id'）。modal（ 'hide'） –

問題は、モーダルUIを隠しているだけで、マウスイベントをキャッチして停止するモーダルの背後にあるオーバーレイをクリアしていないためです。

、必要なものを行うモーダルを閉じる代わりに.fade要素をクリックをトリガするためのブートストラップの方法で構築を使用するには：

$('#myModal').modal('hide')

出典

2017-07-18 13:04:16

ありがとうございますが、動作しません。私は質問をする前にそれを試しました。クリック可能ではないdivには、下にある固定位置があります：0px。多分これは問題ですか？ – rakipi

あなたの質問に実際の例を追加してください。これは絶対にうまくいくはずです。 –

nvmが修正しました。とにかく助けてくれてありがとう。私は2つのネストされたdivを持っていました。私は親divのセレクタを設定していましたが、モーダルが閉じると何らかの理由で認識されませんでした。セレクタを今すぐ内部divに移動しました – rakipi

.modal（「隠す」）

手動モーダルを隠す。モーダルにが実際に隠される前に（つまり、hidden.bs.modalイベントが発生する前に）呼び出し元に戻ります。

なぜあなたは

$('#myModal').modal('hide')

出典

2017-07-18 13:07:41

ブートストラップモーダル

答えて

関連する問題