Question

我正在尝试设置一个具有同位素过滤功能的页面。这是我的代码：

      $(document).ready(function() {

            var $container = $('#isotope');

            $container.imagesLoaded(function() {
                // init

                $container.isotope({
                    // options
                    itemSelector : '.col-md-4',
                    layoutMode : 'masonry',

                    masonry : {
                        columnWidth : $container.find('.grid-sizer')[0],
                        gutter : 0
                    }

                });
            });

            $(function() {

                // filter functions

                // bind filter button click
                $('a.title').on('click', function() {

                    var filterValue = $(".col-md-4").attr('data-filter');
                    // use filterFn if matches value



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

            });

        });

过滤在Chrome中运行良好。在Firefox中，只有砌体有效，而不是过滤功能。我也试过按类过滤，这也不起作用。奇怪的是，同位素演示在Firefox中运行良好...... 谢谢你的帮助。中号

Answer 1

$container.isotope({
  // filter element with numbers greater than 50
  filter: function() {
    // `this` is the item element. Get text of element's .number
    var number = $(this).find('.number').text();
    // return true to show, false to hide
    return parseInt( number, 10 ) > 50;
  }
})

See filtering with function here

同位素过滤在Firefox中不起作用

1 个答案: