小编use*_*001的帖子

未捕获的TypeError:无法读取null的属性"clientWidth"

我有一个响应的wordpress主题.当屏幕尺寸低于740时,菜单被编码为隐藏.但是它仅在主页上正确地执行此操作.如果我转到任何其他页面菜单崩溃但它无法隐藏我收到此错误:"未捕获的TypeError:无法读取属性'clientWidth'的null"

这是代码,我在主题的header.php文件中调用它:

var ww = document.body.clientWidth;
$(document).ready(function() {
    adjustMenu();


    $(".cat").click(function(e) { // cat class
        e.preventDefault();
        $(this).toggleClass("active");
        $(".sf-menu").toggle();
    });
});

function adjustMenu() {
    if (ww <= 740) { //change this to your breakpoint
        $('.sf-menu').hide();
        $(".cat").show();
        if (!$(".cat").hasClass("active")) {
            $(".sf-menu").hide();
        } else {
            $(".sf-menu").show();
        }
    } else {
        $('.sf-menu').show();
        $(".cat").hide();

    }
}


$(window).bind('resize orientationchange', function() {
    ww = document.body.clientWidth;
    adjustMenu();
});
Run Code Online (Sandbox Code Playgroud)

wordpress jquery var menu screen-size

5
推荐指数
2
解决办法
2万
查看次数

标签 统计

jquery ×1

menu ×1

screen-size ×1

var ×1

wordpress ×1