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

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

1 个答案: