javascript - 同位素JS错误

需要有关Js错误的帮助，请获取：


  未捕获的TypeError：$ portfolio.isotope不是函数


  
//同位素功能-过滤器组合功能

    $ 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选择器= $（this）.attr（'data-filter'）;
        $ portfolio.isotope（{过滤器：选择器}）;
        返回false；
    }）;

最佳答案

如果您不希望脚本在不包含必需元素（.portfolio-items）的页面上运行，则可以根据存储在length中的元素集合的$portfolio属性有条件地运行脚本：

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

}

关于javascript - 同位素JS错误，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31049168/