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中很常见，很可能是问题的根源