Question

我试图为Isotope实施David DeSandro hide/reveal plugin而无法让它发挥作用。 display:none仍在写入已过滤的项目，并且仍会发生比例转换。我觉得我错过了一些明显的东西。

编辑：我修复了我的绑定，但仍然无法阻止过滤后的项目消失。

这是我用于同位素的代码：

    // Grab initial filter if there's a hash on the URL
    var initialFilter = window.location.hash && ( '.' + window.location.hash.substr(1) ) || '*';

    // Initialize Isotope
    var $container = $('#iso-loop').imagesLoaded( function () {
        $container.fadeIn().isotope({
            itemSelector : '.iso-post',
            layoutMode : iso_vars.iso_layout,
            filter : initialFilter,
            hiddenStyle: {
              opacity: 0.5
            },
            visibleStyle: {
              opacity: 1
            },          
        });
    });

    // bind filter button click
    $('#filters').on( 'click', 'a', function() {
      var filterValue = $( this ).attr('data-filter');
      $container.isotope({ filter: filterValue });
    });

它确实完成了Isotope默认过滤器通常所做的事情 - 过滤后的项目消失了，尽管我认为我们看到新的hiddenStyle不透明度在它们消失之前就已经实现了。

那么如何阻止它们消失？

Answer 1

不，那是不可能的。您发布的代码段仅在button的元素内将该功能绑定到filters 元素。

为了匹配元素的类，它必须以dor开头，即.button。

仍在努力与Isotope隐藏/揭示插件

1 个答案: