在Safari中,只有一个复选框与同位素一起被选中

时间:2019-06-04 13:02:26

标签: javascript jquery checkbox isotope unchecked

我的网站上的同位素过滤在Safari中无法正常工作。 这是问题所在: 我有两个复选框,当单击第一个复选框时,它会很好地过滤项目。当我单击第二个复选框时,第一个未选中,但过滤无法正常工作。仅在Safari中,在Firefox和Chrome中运行良好。

有人有什么想法吗?只是让您知道:我对javascript的了解非常少。

$(window).load(function() {
  var $container = $('#isocontainer');
  $container.isotope({
    itemSelector: '.item'
  });
});

$(window).resize(function() {
  var $container = $('#isocontainer');
  $container.isotope({
    itemSelector: '.item'
  });
});

$(function() {
  var $container = $('#isocontainer'),
    $checkboxes = $('#filters input');

  $container.isotope({
    itemSelector: '.item',
    animationEngine: 'jquery'
  });

  $checkboxes.change(function() {
    var filters = [];
    $checkboxes.filter(':checked').each(function() {
      filters.push(this.value);
    });
    filters = filters.join(', ');
    $container.isotope({
      filter: filters
    });
  });

  var $items = $container.children();

  $('input:checkbox').click(function() {
    $('input:checkbox').not(this).prop('checked', false);
  });
});

0 个答案:

没有答案