JQuery窗口调整大小;不要开火

JQuery window resize doesn't fire

本文关键字：开火 窗口 调整 JQuery      更新时间：2023-09-26

这个问题真的很无聊，但我还没有处理好。我需要在调整窗口大小时调用一个对象方法。代码如下所示

    var ThemeDesignerHelper = new function () {
        this.initialize = function () {
            debugger;
            var self = this;
            $(document).ready(function () {
                $(window).resize(function () {
                    alert("res");
                });
            });
        }
        this.initialize();
}

当我调整窗口大小时，Jquery不会触发警报。我认为这与jquery或我的浏览器版本无关，因为当我在jsfiddle上尝试上述代码时，它运行得很好。为什么上面的代码不起作用？任何人都有任何意见可以和我分享。

注意：当我将窗口更改为文档时，它可以工作！

如果必须立即解决此问题，可以使用如下所示的javascript窗口事件侦听器

$(document).ready(function () {
            if (window.addEventListener) {
                window.addEventListener("resize", function(){alert("res")}, false);
            } else if (object.attachEvent) {
                object.attachEvent("on" + "resize", function(){alert("res")});
            } else {
                console.error("unknown event listener object.");
            }
        });

对于JQuery，调整窗口大小的正确语法是：

$(window).on('resize', function(){
   //Do something
});

试试这个

$(window).resize(function() {
   $('body').prepend('<div>' + $(window).width() + '</div>');
 });
相关文章：