私のエフェクトが正常に動作しない

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