javascript - 浏览器调整大小作为函数侦听器以动画其他元素

Question

所以，我有一个函数 animateSection() 可以为两个元素设置动画，#awards 和#twitter。

我想这样做，如果用户调整浏览器的大小

function animateSection() {
  var $checker  = $(window).width(),
      $twitter  = $('#jstwitter'),
      $awards   = $('#awards');

  var distance = 20,
      duration = 500;

  if($checker > 1140) {
    $twitter.fadeIn(duration, function() {
      $awards.fadeIn(duration);
    });
  } 
  else {
    $(window).resize(function(){
      // here is where I run into trouble...
      if($checker > 1140) {
        $twitter.animate({left: distance}, duration);
        $awards.animate({right: distance}, duration);
      }
    });
  }
}

Answer 1

当您第一次运行存储$(window).width()在局部变量中的函数时$checker，然后在调整大小时检查该变量。它不会改变！尝试更换：

if ($checker > 1140) {

和：

if ($(window).width() > 1140) {