无法让 "if hasclass addclass" 工作 (jQuery)

Question

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

我对 jQuery 还很陌生，但在阅读了一些资料后，我认为我有一些应该可以工作的东西，但似乎没有，我也不知道为什么。我也在使用 bootstrap 和他们的折叠工具。当菜单打开时，它会将 class 'show' 添加到我的一个 div 中，我正在尝试使用该条件将 class 添加到正文中。

这是我添加的 jQuery 代码：

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

和 CSS : .bodyblock { position : fixed; }

一个 jsfiddle，其中包含与我相关的近似值：http://jsfiddle.net/bot03eur/

我通常会尝试自己弄清楚或找到解决方法，但我在这里不知所措，我们将不胜感激！

Answer 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>

无法让 "if hasclass addclass" 工作 (jQuery)

Can't get "if hasclass addclass" to work (jQuery)

jquery

wordpress

wordpress-theming