关于window的resize事件

也许你也遇到过这样的问题，或者还没注意到有过这样的问题，如下代码，在窗口发生变化时，会进入死循环：

var _funResize = function(){
    console.log('resize...' + Math.random());
}
$(window).bind('resize',_funResize);

是问题，总得研究解决，方案：

var _funResize = function(){
    // 先解除绑定
    $(window).unbind('resize',_funResize);
   
    console.log('resize...' + Math.random());
   
    // 重新绑定
    setTimeout(function(){
        $(window).bind('resize',_funResize);
    },10);
}
$(window).bind('resize',_funResize);

但是这种方法只能是触发第一次resize事件，有时我们是想触发最后一次resize事件。可以通过时间来判断

        var rtime = new Date();
        var timeout = false;
        var delta = 200;
        $(window).resize(function() {
            rtime = new Date();
            if (timeout === false) {
                timeout = true;
                setTimeout(resizeend, delta);
            }
        });


        function resizeend() {
            if (new Date() - rtime < delta) {
                setTimeout(resizeend, delta);
            } else {
                timeout = false;
                alert($(window).height());
            }
        }

优质内容筛选与推荐>>
1、题目1027：欧拉回路
2、动态SQL字符长度超过8000
3、localStorage cache
4、HDU 2602 Bone Collector（01背包）
5、乐观锁（Optimistic Lock）

0 │ 收藏 │ 举报

朋友将在看一看看到

分享想法到看一看