3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

bootstrapで困ったことまとめ(随時更新)

Last updated at Posted at 2019-02-15

####問題:
##第2モーダル画面を閉じた際に第1モーダル画面がスクロール不可になる現象
この問題は、第1モーダル画面→第2モーダル画面へと遷移した後、
入力内容を修正するために第2モーダル画面を閉じて第1モーダル画面に戻ると
スクロールができない状態になってしまう現象。

####原因:
第2モーダル画面を閉じる際に、<body>にあるスクロールするために必要なクラス(modal-open)を削除してしまうことが原因のため、

####解決した方法:
第2モーダル画面を閉じる際に再度クラスを付与してあげる必要があった。

#####以下、解決内容

  $('#confirmModal').on('hidden.bs.modal', function () { //#confirmModalは第2モーダルを開くときに押下した<button>のdata-target="#confirmModal"
    $('body').addClass('modal-open');
  });

※'hidden.bs.modal'はモーダル・ダイアログが完全に非表示になった時のイベントみたい
参考url

##なぜか"sInfoEmpty"が効かなかったので"sInfo"をjQueryで条件つけて変えてみた。

3
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?