带有输入值的 Jquery 同位素过滤器

如何解决带有输入值的 Jquery 同位素过滤器

使用同位素插件尝试过滤 4 个输入字段，例如最小值和最大值。但是排序不起作用。 并且过滤器应该搜索所有 4 个填充的字段并再次显示空字段的所有内容。 我在代码中哪里出错了？

我的代码：

var a = $(".gallery-items").isotope({
    singleMode: true,columnWidth: ".grid-sizer,.grid-sizer-second,.grid-sizer-three",itemSelector: ".gallery-item,.gallery-item-second,.gallery-item-three",transformsEnabled: true,transitionDuration: "700ms",resizable: true
});
a.imagesLoaded(function() {
    a.isotope("layout");
});

var min_quadrature = $('#min_quadrature');
var max_quadrature = $('#max_quadrature');
var min_price = $('#min_price');
var max_price = $('#max_price');

$(".filter-container input").on('change keyup paste',function() {
    var budgetMin = parseInt(min_price.val());
    var budgetMax = parseInt(max_price.val());

    var quadratureMin = parseInt(min_quadrature.val());
    var quadratureMax = parseInt(max_quadrature.val());

    a.find('.gallery-item').each(function() {
        var $this = $(this);
        var budget = $this.data('budget');
        var quadrature = $this.data('quadrature');
        if (budget >= budgetMin && budget <= budgetMax || quadrature >= quadratureMin && quadrature <= quadratureMax) {
            $this.addClass('show-me');
        }
        a.isotope({
            filter: '.show-me'
        })
        //remove temp class
        $('.show-me').removeClass('show-me');
    });


});