Question

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

    var ThemeDesignerHelper = new function () {
        this.initialize = function () {
            debugger;
            var self = this;
            $(document).ready(function () {

                $(window).resize(function () {
                    alert("res");
                });
            });

        }
        this.initialize();
}

当我调整窗口大小时，Jquery不会发出警报。我认为这不是关于jquery或我的浏览器版本，因为当我在jsfiddle上尝试上面的代码时，它完美无缺。为什么上面的代码不起作用？任何人都有任何意见与我分享。

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

Answer 1

如果必须立即解决此问题，可以使用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.");
            }
        });

Answer 2

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

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

Answer 3

试试这个

$stateProvider.state('app',{
        url: '',
        abstract: true
        templateUrl: '../views.html',
        controller: 'viewCtrl',
    })
    .state('app.single', {
        url: '/single',
        templateUrl: '../views/single_user.html',
        controller: 'usersingleCtrl'
    })

JQuery窗口调整大小不会触发

3 个答案: