앵커 태그에서 동위 원소 필터링이 작동하지 않습니다.

Question

내 작품을 소개하는 포트폴리오 사이트를 만들고 있습니다. 라이트 갤러리를 사용하여 내 웹 사이트에 이미지와 비디오를 표시하고 있습니다. Isotope.js를 사용하여 필터링 옵션을 추가하고 싶습니다.

내 코드에 어떤 문제가 있는지 알 수 없습니다. 펜을 설정했습니다 CodePen

코드를 추가하십시오.

// external js: isotope.pkgd.js 

// init Isotope 
var $grid = $('.nlg1').isotope({ 
    itemSelector: '.revGallery-anchor', 
    layoutMode: 'fitRows' 
}); 
// filter functions 
var filterFns = { 
    // show if number is greater than 50 
    numberGreaterThan50: function() { 
    var number = $(this).find('.number').text(); 
    return parseInt(number, 10) > 50; 
    }, 
    // show if name ends with -ium 
    ium: function() { 
    var name = $(this).find('.name').text(); 
    return name.match(/ium$/); 
    } 
}; 
// bind filter button click 
$('.filters-button-group').on('click', 'button', function() { 
    var filterValue = $(this).attr('data-filter'); 
    // use filterFn if matches value 
    filterValue = filterFns[ filterValue ] || filterValue; 
    $grid.isotope({ filter: filterValue }); 
}); 
// change is-checked class on buttons 
$('.button-group').each(function(i, buttonGroup) { 
    var $buttonGroup = $(buttonGroup); 
    $buttonGroup.on('click', 'button', function() { 
    $buttonGroup.find('.is-checked').removeClass('is-checked'); 
    $(this).addClass('is-checked'); 
    }); 
}); 

감사

Answer 1

브라우저 콘솔을 확인하십시오. $lg is not defined - 코드가 무엇이든간에 제거하면 문제가없는 것처럼 보입니다. http://codepen.io/anon/pen/apmBEd