ウィンドウの幅とアニメーションがオンザフライで変化する

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呼び出しはウィンドウのサイズを変更した後も持続します。