窗口事件上的JQuery函数:结合加载和调整大小[重复]

Posted

技术标签:

【中文标题】窗口事件上的JQuery函数:结合加载和调整大小[重复]【英文标题】:JQuery function on window events: combine load and resize [duplicate] 【发布时间】:2016-01-27 09:59:20 【问题描述】:

我想使用一个 if 语句。如何制作一个 if 语句?

if ($(window).width() <= 992) 
    //mycode


$(window).resize(function () 
    if ($(window).width() <= 992) 
        //mycode
    
);

【问题讨论】:

【参考方案1】:

jQuery 允许您将事件侦听器分配给多种事件类型。

$(window).on('load resize', function()
    if ($(window).width() <= 992) 
        //mycode
    
)

【讨论】:

我正准备用这种方法按下提交按钮!你打败了我:D 要更快找到骗子吗? 感谢您回答并为 Stack Overflow 做出贡献,但是请再看一下这个问题,因为它似乎是重复的。回答重复的问题并不是一个好主意,因为它会分散知识。 The smell. A wise man once said... ;)【参考方案2】:

您可以使用现有代码,然后触发resize() 事件:

$(window).resize(function () 
    if ($(window).width() <= 992) 
        //mycode
    
).resize();

【讨论】:

以上是关于窗口事件上的JQuery函数:结合加载和调整大小[重复]的主要内容,如果未能解决你的问题,请参考以下文章

跨浏览器窗口大小调整事件 - JavaScript / jQuery

检测何时使用 JavaScript 调整窗口大小?

窗口上的Javascript调整大小结束

JQuery:如何仅在完成调整大小后才调用 RESIZE 事件?

jQuery-调整窗口大小事件

角度窗口调整大小事件