0

我目前正在使用同位素插件进行流体布局，我可以成功过滤内容，但是在调用过滤器后，我的其余 jQuery 调用无法正常工作。
请耐心等待，我对 jQuery 还是很陌生，但这是我的代码：

jQuery(document).ready(function(){

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


jQuery('.pics').click(function() {
      jQuery('#div'+jQuery(this).attr('rarget')).addClass('pics').removeClass('pics-hidden').delay(300).fadeIn(100);
      jQuery('#projectimages').isotope('reloadItems').isotope();
      return false;
       });       

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

$container.isotope({
    itemSelector: '.pics',
    animationEngine: 'css',
    masonry: {
    columnWidth: 4
    }
});


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

过滤器工作正常，（'pics'）点击功能也是如此，但是在调用过滤器之后，（'.pics'）点击功能现在无法工作。
是否有一个原因？或者有什么办法解决？尝试了各种方法，似乎没有任何效果。
任何建议都非常感谢！

4

1 回答 1

1

如果你替换jQuery('.pics').click(function() {为

jQuery('#projectimages').on("click", ".pics", function() {

它工作得更好吗？这样，当您将pics类添加到元素时，它们应该触发您的点击处理程序。

或者，您能否提供一个演示该问题的小提琴？

于 2012-10-24T22:57:03.870 回答