页面方向更改时响应

Question

我有以下函数用于调整窗口大小。我的问题是如何使窗口调整大小以及页面方向改变？

    $(window).resize(function() {
        if(this.ab) clearTimeout(this.ab);
        this.ab = setTimeout(function() { 
            $(this).trigger('winresized');
        },1000);
    });
    $(window).on('winresized', function() {

    });

Answer 1

您可以结合调整大小和orientationchange事件：

$(window).on("resize orientationchange", function() {
    // Fires on both resize & orientation change
    if(this.ab) clearTimeout(this.ab);
    this.ab = setTimeout(function() { 
        $(this).trigger('winresized');
    },1000);
});