码迷,mamicode.com
首页 > Windows程序 > 详细

关于window的resize事件

时间:2015-03-07 07:28:30      阅读:5073      评论:0      收藏:0      [点我收藏+]

标签:

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

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());
            }
        }

 

关于window的resize事件

标签:

原文地址:http://www.cnblogs.com/coolsundy/p/4319676.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!