我的效果無法正常工作當我調整大小

Question

我給不同的解決方案與CSS媒體查詢和jQuery的一些效果。如果我重新加載任何解決方案，這不是問題。但通常情況下，我調整屏幕大小。我知道，我英語不好，但如果你嘗試，我希望你能理解。另外我嘗試（窗口）.resize但這並不能解決我的問題。謝謝。還有問題是在開幕部分（關於我）。

演示：You can try here

代碼：

$(document).ready(function(){ 


     var width = $(window).width()+17; 

     if(width>=1366){ 
      $('#pp img:eq(0)').animate({ 
      'right':'0' 
     },2000); 

      $('#yazi').animate({ 
       'left':'10%' 
      },2000); 
     } 

     if((width>=601) && (width<=1365)){ 
      $('#pp img:eq(1)').animate({ 
       'margin-top':'0' 
      },1000); 

      $('#yazi').animate({ 
       'left':'25%' 
      },1000); 
     } 
}); 

Answer 1

試試這個：

$(document).ready(function(){ 
    foo(); 

    $(window).resize(foo);  
}); 


function foo(){ 
    var width = $(window).width()+17; 

    if(width>=1366){ 
     $('#pp img:eq(0)').animate({ 
     'right':'0' 
    },2000); 

     $('#yazi').animate({ 
      'left':'10%' 
     },2000); 
    } 

    if((width>=601) && (width<=1365)){ 
     $('#pp img:eq(1)').animate({ 
      'margin-top':'0' 
     },1000); 

     $('#yazi').animate({ 
      'left':'25%' 
     },1000); 
    } 
}