Javascript jQuery同位素添加剂(大于)过滤器

Javascript jQuery同位素添加剂(大于)过滤器,javascript,jquery,wordpress,filter,jquery-isotope,Javascript,Jquery,Wordpress,Filter,Jquery Isotope,这是我的第一个问题:“你好,世界” 我的问题: 我正在用jQuery插件开发wordpress主题。我设法添加了一些附加过滤器(术语和其他字段)。我唯一的麻烦是添加另外两个过滤器“高度”和“宽度”,这两个过滤器将与其余过滤器“重叠”。在示例中,过滤器应检查高度值是否小于50。宽度也一样。我试图实现同位素文档中的过滤器,但结果显示0项:/ 下面是我实际的同位素初始值 jQuery(document).ready(function($){ $(window).load( function() {

这是我的第一个问题:“你好,世界”

我的问题: 我正在用jQuery插件开发wordpress主题。我设法添加了一些附加过滤器(术语和其他字段)。我唯一的麻烦是添加另外两个过滤器“高度”和“宽度”,这两个过滤器将与其余过滤器“重叠”。在示例中,过滤器应检查高度值是否小于50。宽度也一样。我试图实现同位素文档中的过滤器,但结果显示0项:/

下面是我实际的同位素初始值

jQuery(document).ready(function($){

$(window).load( function() {

var $container = $('.grid').isotope({
            masonry: {
                columnWidth: '.grid-sizer',
                gutter: '.gutter-sizer',
            },
            itemSelector: '.grid-item',
            percentPosition: true,
});

var $output = $('#output');

// filter with selects and checkboxes
var $selects = $('#filters select');
var $checkboxes = $('#filters input');

$selects.add( $checkboxes ).change( function() {
  // map input values to an array
  var exclusives = [];
  var inclusives = [];
  // exclusive filters from selects
  $selects.each( function( i, elem ) {
    if ( elem.value ) {
      exclusives.push( elem.value );
    }
  });
  // inclusive filters from checkboxes
  $checkboxes.each( function( i, elem ) {
    // if checkbox, use value if checked
    if ( elem.checked ) {
      inclusives.push( elem.value );
    }
  });

  // combine exclusive and inclusive filters

  // first combine exclusives
  exclusives = exclusives.join('');

  var filterValue;
  if ( inclusives.length ) {
    // map inclusives with exclusives for
    filterValue = $.map( inclusives, function( value ) {
      return value + exclusives;
    });
    filterValue = filterValue.join(', ');
  } else {
    filterValue = exclusives;
  }

  $output.text( filterValue );
  $container.isotope({ filter: filterValue })
});
}))

}))