javascript - 如何在 Javascript 中持续检查屏幕宽度

Question

我有一个在文档就绪时运行的函数。它的作用是根据某个链接是否显示在导航栏上，它会为所有其他链接设置 CSS 以保持间距对齐。

按照我编写的方式，它只会在第一次 DOM 加载时运行，如果您调整它的大小，它会在较小的断点处看起来未对齐。

我的问题是如何根据窗口的大小不断运行此函数。即使用户调整它的大小，它也会运行该函数并设置正确的 CSS。

这可能吗？

告诉我!谢谢!

 $(document).ready(function () {
    var link = $('#catNav-sale').css('display');
    var winWidth = $(window).width();

    if (SaleLinkCSS == 'block')
    {
        if (winWidth >= 975)
        {
            $('#ID').css('left', '185px');

        }
        else
        {

        }

    }

Answer 1

您可以尝试以下任一方法，

Vanilla

window.onresize = function(event) {
    /** Your code here. **/    
};

jQuery

$(window).resize(function() {
    /** Your code here. **/
});

或者一个 CSS 选项是使用 media queries .

阅读 Material

(on)resize

jQuery's resize