bootstrap3 modalがスクロールできなくなる

いつもお世話になっております。
私が今、やりたいのは下記のサイトと同じです。
bootstrapでmodalがスクロールできなくなる場合の対処法

しかし、上記のサイトのようにbodyに対して
addClassしても追加されませんでした。
(もちろん、コードはjquery用に書き直して試してます)

分かる方がいましたら、ご教授お願い致します。

追記:多重modalの状態

jquery

function showMST(mstName,mstNo){
    var bbx = bootbox.dialog({
                title: mstName,
                message: '<div id="loading" class="cs-loading"><img src="images/loading.gif"></div><div id="div-mst" class="container-fluid"></div>',
                closeButton: false,
                size: "large",
                buttons: {
                  save: {
                      label: "選択",
                      className: "btn-primary",
                      callback: function(){

                        test();

                      }
                  },
                  cancel: {
                      label: "閉じる",
                      className: "btn-normal",
                      callback: function () {
                        test;
                      }
                  }
              }
    });
}

例えばですが
jquery

何かの処理をした後に
if($(body).hasClass('modal-open')==false){
  $(body).addClass('modal-open');
}

s8_chu

2017/08/14 08:15

質問者さんが記述したコードを追記していただけませんか？

退会済みユーザー

2017/08/14 08:46

失礼しました。コードを追記させてもらいまいした

s8_chu

2017/08/14 08:51 編集

HTMLのコードは一切記述していないのでしょうか？

退会済みユーザー

2017/08/14 09:36

記述していますが、modalが開いたときに<body>タグにmodal-openが追加されて、閉じる時にmodal-openが消される仕様らしいので書く必要は無いかなと考えました。どこか記述したほうが良い場所がありましたらご教授よろしくお願いいたします。

x_x

2017/08/16 08:42

modal-openを加える処理だけではなく、どのようにイベントを処理したのか書かなければ(そこに問題があるので)、誰もわからないかと思います。

行動規範の内容に同意します

回答1件

javascript
1何かの処理をした後に
2if($(body).hasClass('modal-open')==false){
3  $(body).addClass('modal-open');
4}

これですが、

javascript
1if($('body').hasClass('modal-open')==false){
2  $('body').addClass('modal-open');
3}

こうじゃないですか？

投稿2017/08/17 09:54

chelsy7110

総合スコア596

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

bootstrap3 modalがスクロールできなくなる

関連した質問