jquery - 未捕获的类型错误 : Cannot read property 'clientWidth' of null

Question

我有一个响应式 WordPress 主题。当屏幕尺寸低于 740 时，菜单被编码为隐藏。但是，它仅在主页上正确执行此操作。如果我转到任何其他页面，菜单会折叠但无法隐藏，并且出现此错误:“未捕获的类型错误:无法读取 null 的属性‘clientWidth’”

这是代码，我在主题的 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();
});

Answer 1

尝试在文档末尾添加脚本。原因是，一开始你的文档宽度为零，因为你的内容还没有加载，所以没有什么可显示的，所以，你的宽度为零