无法让“if hasclass addclass”工作（jQuery）答案

【问题标题】：Can't get "if hasclass addclass" to work (jQuery)无法让“if hasclass addclass”工作（jQuery）
【发布时间】：2023-03-27 12:01:01
【问题描述】：

我正在开发一个 wordpress 网站，我想在正文中添加一个类，以防止它在移动菜单打开时滚动。

我对 jQuery 很陌生，但是在阅读了一些内容之后，我认为我有一些应该可以工作的东西，但它似乎没有，我不知道为什么。我也在使用引导程序和他们的折叠工具。当菜单打开时，它会将“show”类添加到我的一个 div 中，我正在尝试使用该条件将类添加到正文中。

这是我添加的 jQuery 代码：

(function($) {
  $(document).ready(function() {
  if ( $('#collapseMenu').hasClass('show') ) {
    $('document.body').addClass('bodyblock'); }
  })
})(jQuery);

还有 CSS：.bodyblock { position : fixed; }

一个 jsfiddle 与这里似乎与我相关的近似值：http://jsfiddle.net/bot03eur/

我通常尝试自己解决或找到解决方法，但我在这里不知所措，任何帮助将不胜感激！

【问题讨论】：

标签： jquery wordpress wordpress-theming

【解决方案1】：

jQuery 只需要 1 个函数即可使其工作。

而且你的选择器不好，你只需要 $('body') 来定位它。

$(document).ready(function() {
  if ($('#collapseMenu').hasClass('show')) {
    $('body').addClass('bodyblock'); 
    console.log("Class bodyblock added to the body tag");
  }
})

.bodyblock {
  background-color: grey;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
  <div id="collapseMenu" class="show"></div>
</body>

【讨论】：