Javascript 在激活另一个类时添加该类_Javascript_Jquery_Css_Wordpress_Class

Javascript 在激活另一个类时添加该类

javascript jquery css wordpress class

Javascript 在激活另一个类时添加该类,javascript,jquery,css,wordpress,class,Javascript,Jquery,Css,Wordpress,Class,当我打开菜单时，我想改变整个网站的类别，为菜单添加填充。。我试图在wordpress的php函数中实现这一点，但单击时它不会影响任何内容。有什么想法吗？如果我像上面的函数一样向下滚动，那么整个站点就可以正常工作了，固定的报头会添加到body类中我自己的javascript代码片段： if ($(' #primary-navigation' ).hasClass( 'site-navigation .primary-navigation .toggled-on' )) { body.ad

当我打开菜单时，我想改变整个网站的类别，为菜单添加填充。。我试图在wordpress的php函数中实现这一点，但单击时它不会影响任何内容。有什么想法吗？如果我像上面的函数一样向下滚动，那么整个站点就可以正常工作了，固定的报头会添加到body类中

我自己的javascript代码片段：

if ($(' #primary-navigation' ).hasClass( 'site-navigation .primary-navigation .toggled-on' )) {
    body.addClass( 'menu-padding' );
} else {
    body.removeClass( 'menu-padding' );
}

javascript中的body变量

function( $ ) {
    var body    = $( 'body' ),
        _window = $( window );

替换窗口宽度函数的代码段：

if ( _window.width() > 781 ) {
    var mastheadHeight = $( '#masthead' ).height(),
        toolbarOffset, mastheadOffset;

    if ( mastheadHeight > 48 ) {
        body.removeClass( 'masthead-fixed' );
    }

    if ( body.is( '.header-image' ) ) {
        toolbarOffset  = body.is( '.admin-bar' ) ? $( '#wpadminbar' ).height() : 0;
        mastheadOffset = $( '#masthead' ).offset().top - toolbarOffset;

        _window.on( 'scroll.twentyfourteen', function() {
            if ( _window.scrollTop() > mastheadOffset && mastheadHeight < 49 ) {
                body.addClass( 'masthead-fixed' );
            } else {
                body.removeClass( 'masthead-fixed' );
            }
        } );
    }

    if ($(' #primary-navigation' ).hasClass( 'site-navigation .primary-navigation .toggled-on' )) {
        body.addClass( 'menu-padding' );
    } else {
        body.removeClass( 'menu-padding' );
    }
}

身体科：

<body <?php body_class(); ?>>

导航菜单：

<nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
    <button class="menu-toggle">Menu function</button>
</nav>

单击时的导航类：

<nav id="primary-navigation" class="site-navigation primary-navigation toggled-on" role="navigation">
    <button class="menu-toggle">Menu function</button>
</nav>

地盘主要分区：

<div id="main" class="site-main">content<div/>

我不是直接回答这个问题，而是要根据windows大小添加/更改一个类，为什么不使用css 3:@media all和max width:750px{…您对这个屏幕大小的css定义…}？

在您自己的javascript代码片段中，您是如何执行这个的？因为它只执行一次，如果您不在按钮div上放置一个监听器，比如*.onclick

body到底是什么？它是jQuery对象吗？body函数只是调用html中的body标记。为clarifyI添加的函数代码具有屏幕大小的css值，这是一个基于按钮切换添加类的脚本，仅在特定大小的窗口框架上。函数在780以下不重要。

<div id="main" class="site-main">content<div/>