在单击菜单上将noscroll类添加到正文

Question

我使用下划线作为Wordpress的入门主题，我想在菜单按钮打开时向body元素添加'noscroll'类，然后在关闭菜单时再将其删除。 / p>

我试过添加这种东西......

$('body').addClass('noscroll');

...到下划线附带的现有navigation.js文件。看起来像这样......

https://github.com/Automattic/_s/blob/master/js/navigation.js

...但我似乎无法找到正确的解决方案。任何帮助都将感激不尽，并从中学习！

Answer 1

我不建议将navigation.js文件更改为某种预先存在的代码，这些代码并非特定于您的网站。

你可以做的是尝试将你的自定义脚本排入主题functions.php文件中，如下所示：

private static boolean getFibonacciSum(long n) {
    long a = 0, b = 1, c = 0, sum = 0;

    while (c < n) {
        c = a + b;
        a = b;
        sum += b;
        b = c;            
    }   
    sum += c;    
    return sum;
}

替换＆＃34; MENUBUTTONCLASS＆＃34;使用将被点击的按钮类。

Answer 2

谢谢斯巴达克斯，你让我走上正轨。我做了一些测试，发现以下代码添加/删除了＆＃39; noscroll＆＃39;单击按钮时对正文的类...

jQuery(document).ready(function($){
    $(".menu-toggle").click(function () {
      $('body').toggleClass('noscroll');
    });
});

...我以正常方式使用外部javascript文件将上述代码排入Wordpress functions.php文件中。