窗口宽度和动画随时改变

Question

如果使用ie并且浏览器窗口宽度低于1400，我正在尝试更改动画的脚本。我的代码（动画更改）不起作用，虽然控制台在更改窗口宽度时显示正确的文本。有人可以帮忙吗？

这是代码：

$(document).ready(function() {



  function checkWindow() {


                if ( $.browser.msie ) {

                if ( $(window).width() >= 1400 ) {    

                $("#box1").everyTime(2, function(){                        
                         $("#box1").animate({top:"-20px"}, 3000).animate({top:"-10px"}, 3000);
                      });  
                $("#box2").everyTime(10, function(){                        
                         $("#box2").animate({top:"-100px"}, 2500).animate({top:"-90px"}, 2500);    
                      });        

                console.log("width over 1400");

                } else {

                $("#box1").everyTime(2, function(){                        
                         $("#box1").animate({top:"-200px"}, 3000).animate({top:"-100px"}, 3000);
                      });  
                $("#box2").everyTime(10, function(){                        
                         $("#box2").animate({top:"-200px"}, 2500).animate({top:"-900px"}, 2500);    
                      });    

                console.log("width under 1200");      

                }

                }

   }

var resizeTimer;


$(window).resize(function() {
     clearTimeout(resizeTimer);
     resizeTimer = setTimeout(checkWindow, 100);
});





});

Answer 1

你可能需要在某处调用$ .stopTime吗？否则，在调整窗口大小后，$ .everyTime调用将继续存在。