当我调整大小时，效果不能正常工作

Question

我用css媒体查询和jquery在不同的分辨率下给出了一些效果。İ，如果我在任何分辨率下重新加载，都不会有问题。但当我调整屏幕大小时，它不是正常的。我知道，我的英语不好，但是如果你试一下，我希望你能理解。我也尝试了(window).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);
        }
});