同位素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; 
    }); 

}