Bootstrap模式背景滾動問題

Question

當我的Bootstrap Modal窗口打開時，我無法停止從主頁滾動背景。 我遵循了這個StackOverflow問題中給出的指示，但是到目前為止，我沒有成功： 在打開模式時防止BODY滾動

加載后，在此頁面頂部附近的左側，您將看到一個顯示“大模態”的按鈕。 如果單擊它，它將打開一個模式窗口。 打開后，如果上下滾動，您會看到背景移動。 http://gettinmobile.com/home.html

我已經按照上面鏈接到的stackoverflow問題中的說明添加了CSS：

body.modal-open {
    overflow: hidden;
}

我添加了在同一stackoverflow問題上顯示的javascript，盡管我不確定這樣做是否正確：

   <script type='text/javascript'>

   $("#myModal").on("show", function () {
     $("body").addClass("modal-open");
   }).on("hidden", function () {
     $("body").removeClass("modal-open")
   });
   </script>

任何幫助將不勝感激，也許有人可以看到我在做什么錯...謝謝！

Answer 1

在開始綁定事件之前，您需要等待jQuery完成加載。 您可以使用匿名函數最簡單地執行此操作：

$(function(){
    // YOUR CURRENT JS CODE HERE
});

Answer 2

在頁面底部的JS代碼中，嘗試將“ $”符號替換為“ jQuery”（不帶引號），看看是否有幫助，這在WordPress中很常見，很可能是問題的根源