jquery - 同位素过滤后div不可点击

Question

我已经使用 jQuery isotope 插件成功实现了一个过滤器，它相应地过滤掉了内容。唯一的问题是过滤后附加到过滤内容的点击功能在过滤器实施后不再起作用。
这是我的代码：

jQuery(document).ready(function(){

var jQuerycontainer = jQuery('#projectimages');

jQuerycontainer.isotope({
    itemSelector: '.shown',
    animationEngine: 'css',
    masonry: {
    columnWidth: 2
    }
});

jQuery('#menu a').click(function(){
    var selector = jQuery(this).attr('data-filter');
    jQuerycontainer.isotope({ filter: selector });
  return false;
});
});


jQuery(document).ready(function(){

jQuery(".hidden").hide();
jQuery(".pics-hidden").hide();

jQuery('.wp-image-111').click(function() {
      jQuery('.post-98').addClass('shown').removeClass('hidden').delay(300).fadeIn(100);
      jQuery('#projectimages').isotope('reloadItems').isotope();
       });       
});

实现过滤器后，附加到（'.wp-image-111'）的点击功能不再起作用，这是有原因的吗？如果是这样有没有办法解决它？

Answer 1

jQuery('#post-'+jQuery(this).attr('larget'))
.removeClass('shown')
.addClass('.hidden')
  ---------^
.removeClass('#post-'+jQuery(this)
.attr('larget')).hide();

应该

 jQuery('.close').click(function() {
   jQuery('#post-'+jQuery(this).attr('larget'))
    .removeClass('shown')
    .addClass('hidden');
   jQuery('#post-'+jQuery(this).attr('larget')).attr("id","");

});

你不能删除 id。

Answer 2

可能是你没有应用推荐的 CSS；我没有，我的过滤器上的链接只指向隐藏的项目（因为它们仍然存在并且我猜是最重要的！） - 它们现在在应用这些后可以工作：

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}