javascript - 窗口宽度仅在调整视口(viewport)大小时显示,而不是在加载时显示 - jquery

标签 javascript jquery html css

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

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);

最佳答案

不需要 , 作为分隔符。用空间分隔就可以了。请引用此link了解更多信息

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

关于javascript - 窗口宽度仅在调整视口(viewport)大小时显示,而不是在加载时显示 - jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41398371/

相关文章:

html - 居中图像 - 仅适用于辅助 div

javascript - Vue js 图片可选

javascript - React Hooks - 在 onClick 事件期间拼接更新状态遇到问题

javascript - 每个 requireJs 模块中都包含 jQuery,而不需要它

javascript - 在 Web 应用程序中排列和停靠窗口

javascript - 如何根据事件页面突出显示导航菜单项(具有::after 伪元素)。

javascript - 启用单击时滚动

javascript - 正确使用停止和延迟

jquery - 悬停在 Cycle2 标题中时如何显示/隐藏

javascript - javascript 中 id/class 属性的策略