同位素JS錯誤

Question

需要一點幫助與JS錯誤我正在請：

Uncaught TypeError: $portfolio.isotope is not a function

 
//ISOTOPE FUNCTION - FILTER PORTFOLIO FUNCTION 

    $portfolio = $('.portfolio-items'); 
    $portfolio.isotope({ 
     itemSelector : 'li', 
     layoutMode : 'fitRows' 
    }); 
    $portfolio_selectors = $('.portfolio-filter >li>a'); 
    $portfolio_selectors.on('click', function(){ 
     $portfolio_selectors.removeClass('active'); 
     $(this).addClass('active'); 
     var selector = $(this).attr('data-filter'); 
     $portfolio.isotope({ filter: selector }); 
     return false; 
    }); 

Answer 1

如果你不想你的腳本的網頁上運行不包含所需元素（.portfolio-items），可以有條件地運行基於存儲在$portfolio的元素集合的length財產腳本：

$portfolio = $('.portfolio-items'); 

if ($portfolio.length) { // if 'length' is non zero. Enter block... 

    $portfolio.isotope({ 
     itemSelector : 'li', 
     layoutMode : 'fitRows' 
    }); 
    $portfolio_selectors = $('.portfolio-filter >li>a'); 
    $portfolio_selectors.on('click', function(){ 
     $portfolio_selectors.removeClass('active'); 
     $(this).addClass('active'); 
     var selector = $(this).attr('data-filter'); 
     $portfolio.isotope({ filter: selector }); 
     return false; 
    }); 

}