Jquery 仍在努力隐藏/显示插件

我试图实现David DeSandro的同位素，但无法使其工作<代码>显示：无仍在写入过滤掉的项目，并且缩放转换仍在进行。我觉得我错过了一些明显的东西

编辑：我修复了绑定，但仍然无法阻止筛选项消失

以下是我用于同位素的代码：

    // 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 });
    });

它与默认过滤器的功能完全相同——过滤项消失，尽管我认为我看到新的hiddenStyle不透明度在消失之前就已经实现了

---

那么如何阻止它们消失呢？

不，那是不可能的。您发布的代码片段仅将该函数绑定到id为过滤器的元素中的

按钮
元素

为了匹配元素的类，它必须以dor开头，即
.button
我尝试过将class作为选择器，将tag作为选择器。事实上，我已经复制了CodePen示例的整个结构，但它仍然不起作用。问题可能是我的过滤器和元素是动态创建的（在我的例子中是从Wordpress中提取帖子和类别）？如果不看到代码，很难进行推测。有一个关于堆栈溢出的一般要求是提供一个mcve——如果你能做到这一点，你就更有可能得到一个解决方案。我正试图将它合并到这个同位素插件中，但它在过滤器中使用了散列锚，这使事情变得复杂。如果需要，我可以用新的答案发布基本脚本