窗口宽度仅在调整视口大小时显示，而不是在加载时显示 - jquery

Question

尝试在页面加载时以及调整浏览器窗口大小时获取视口宽度。由于某种原因，页面加载时不输出宽度。知道问题是什么和/或如何解决？

function mobileViewUpdate() {
    var viewportWidth = $(window).width();
    console.log(viewportWidth);
    if (viewportWidth > 776) {
        $("area[data-toggle]").click(function(e) {
            e.preventDefault();  // prevent navigating
            var selector = $(this).data("toggle");  // get corresponding element
            $(".detail-box").hide();
            $(".detail-box"+selector).show().addClass('animated fadeIn');
        });
    }
}

$(window).on('load, resize', mobileViewUpdate);

Answer 1

不需要,作为分隔符。按空间分离将起作用。有关更多信息，请参阅此link

$(window).on('load resize', mobileViewUpdate);

Answer 2

我猜你在 就绪函数中调用了这个函数，在这种情况下窗口已经加载，因此窗口加载事件已被调用。

永远不会调用在该点附加load事件处理程序。