jQuery同位素動畫不工作，但過濾工作正常

Question

我在昨天開發的網站上安裝了同位素。直到一個小時前它工作良好。過濾器正常工作，但動畫已停止。

我不確定什麼會導致動畫停止工作。我沒有改變網站上的任何內容。該代碼位於頁腳，但我已經提供如下：

<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/library/js/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/library/js/jquery.isotope.min.js"></script> 

    <script> 
    $(window).load(function(){ 
     var $container = $('#main-home'); 
     $container.isotope({ 
      filter: '*', 
      animationOptions: { 
       duration: 750, 
       easing: 'linear', 
       queue: false 
      } 
     }); 

     $('#filters a').click(function(){ 
      $('#filters .selected').removeClass('selected'); 
      $(this).addClass('selected'); 

      var selector = $(this).attr('data-filter'); 
      $container.isotope({ 
       filter: selector, 
       animationOptions: { 
        duration: 750, 
        easing: 'linear', 
        queue: false 
       } 
      }); 
      return false; 
     }); 
    }); 
    </script> 

如果有人有任何意見，我真的很感謝您的幫助。這是我第一次實施同位素。

Answer 1

我修正了這個問題。我去了這個頁面：http://isotope.metafizzy.co/docs/animating.html並將CSS添加到網站中。

出於某種原因，它沒有CSS的工作，不知道爲什麼我必須事先添加動畫後工作正常。

Answer 2

如果你設置：

​​

同位素選擇CSS3過渡和jQuery的動畫動畫（）

您現在可以找到的動畫描述和CSS代碼在這裏：http://isotope.metafizzy.co/v1/docs/animating.html