3

デモページでもこの問題が発生しているため、これは Bootstrap 自体のバグだと思います。モーダルウィンドウを開くと、組み込みの閉じるボタンが最初に機能しますが、モーダルを閉じて再度開くと、閉じる（およびX）ボタンはモーダルを閉じないため、外側をクリックする必要があります閉めます。これは、Bootstrap デモンストレーション ページで確認できます。

http://getbootstrap.com/javascript/#modals

(「ライブ デモ」までスクロール ダウンし、「デモ モーダルの起動」をクリックします。モーダル ウィンドウを一度閉じてから再度開くと、ページが更新されるまで「閉じる」ボタンは機能しなくなります。)

モーダルが開かれるたびに閉じるボタンが機能するように、これに対する解決策を見つけた人はいますか?

4

4 に答える 4

1

これは、Bootstrap 3 ではまだ問題でした。ターゲット モーダルを動的に設定していたために発生していました。これは、似たようなことをしようとしている人にとって役立つと思いました!

そうしなければならなかった：

  • 閉じるボタンにクラスを追加する
  • そのクラスを次のトリガーとして使用します。

  • modal;空のを非表示にしてdynamic content;を削除します.modal-backdrop

    $(document).on('click', '#modal .closeModal', function(){
   $('#modal').modal('hide'); // hide the modal 
   $('#modal-dynamic-content').empty(); // empties dynamic content
   $('.modal-backdrop').remove(); // removes all modal-backdrops
});

注：これによりモーダルが空になるため、モーダルへのロードをトリガーしている場合にのみ空を使用してください

于 2015-07-26T00:04:33.433 に答える
1

ブートストラップ ファイルを変更したくない場合は、代わりに次の操作を実行できます。

jQuery('[data-dismiss="modal"]').on('click', function(){
     jQuery('.modal').hide();
     jQuery('.modal-backdrop').hide();
});

.modal('show'); の直後に追加します。電話

于 2013-10-07T13:10:26.643 に答える
0

bootstrap.min.js の .off('click.dismiss.modal') を削除すると、うまくいきました。CDN を使用していた場合は、CDN をダウンロードして、それに応じて参照を変更する必要があります。

于 2013-08-24T02:11:04.843 に答える