JQuery同位素组合过滤器-预选

Question

我尝试实现同位素组合过滤器。三个过滤器中的一个应设置为一个选择，其他两个过滤器应根据这些过滤器显示所有项目。除了一个例外，一切都很好：当第一次点击时，预选将"丢失"，并显示根据预选过滤器的所有项目。只有在单击了预先选择的过滤器之后，一切才会正常。

作为一个初学者，我不知道该怎么做。有什么办法解决这个问题吗？非常感谢！

<script>

$('#container').isotope({ filter: '.current' });
$(function(){
var $container = $('#container'), filters = {};
$container.isotope({
    itemSelector : '.prod'
});
// filter buttons
$('.filter a').click(function(){
  var $this = $(this);
  // don't proceed if already selected
  if ( $this.hasClass('selected') ) {
    return;
  }
  var $optionSet = $this.parents('.option-set');
  // change selected class
  $optionSet.find('.selected').removeClass('selected');
  $this.addClass('selected');
  // store filter value in object
  // i.e. filters.color = 'red'
  var group = $optionSet.attr('data-filter-group');
  filters[ group ] = $this.attr('data-filter-value');
  // convert object into array
  var isoFilters = [];
  for ( var prop in filters ) {
    isoFilters.push( filters[ prop ] )
  }
  var selector = isoFilters.join('');
  $container.isotope({ filter: selector });
  return false;
});

})；

Answer 1

我也遇到了同样的问题。我找到的唯一解决方案是在页面加载后模拟点击特定选择的按钮。这在jQuery中是可能的。为有问题的按钮设置ID并调用：

$("#button_id").click();