0

これで、#awards と #twitter という 2 つの要素をアニメーション化する関数 animateSection() ができました。

ユーザーがブラウザのサイズを変更した場合にできるようにしたい

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

1 に答える 1

1

$(window).width()ローカル変数に保存している関数を最初に実行すると$checker、サイズ変更時にその変数がチェックされます。変わらない！置き換えてみてください：

if ($checker > 1140) {

と：

if ($(window).width() > 1140) {
于 2012-10-24T22:24:12.340 に答える