点击链接后jquery动画无法正常工作

Question

我刚刚开始使用Jquery，我很喜欢它，但是我遇到了一个问题，我无法包住头。

我已经实现了一个我购买的插件，它创建了一个拇指网格，然后您可以过滤属性。 （槽李类）

此外，我写了一段代码，展开点击div。这两个工作完美，直到菜单使用（按属性过滤）我明白这可能听起来有点模糊，直到你看到它，所以这里的链接： http://media-surfer.nl/test

如果你需要粘贴在这里的所有代码，我会做所以，但由于这是相当多的我想最好保持概述并访问链接。

我真的为了我的生活无法弄清楚这一点，所以任何帮助，非常感谢！ 由于一吨提前:)

这里是我写的代码：

<!-- collapse expand jquery --> 
<script type="text/javascript"> 

    $(document).ready(function(){ 

     $(".inhoud").hide(); 
     $(".show_hide").show(); 

     $('.show_hide').click(function(event) { 

      $(".inhoud").parent().animate({ 
       width: '160' 
      }, 500, function() { 
      // Animation complete. 
      }); 

     var $inhoud = $(this).next(".inhoud"); 

     if($inhoud.hasClass("active")) 
     { 
      $(this).parent().animate({ 
       width: '160' 
       }, 500, function() { 
       // Animation complete. 
      }); 
      $inhoud.removeClass("active"); 
     } else { 
      $(this).parent().animate({ 
       width: '769' 
       }, 500, function() { 
       // Animation complete. 
      }); 
      $inhoud.addClass("active"); 
     } 

    }); 

}); 

</script> 
<!-- collapse expand jquery --> 

Answer 1

的sooo ..你发现你的页面上的错误吗？ ：D

我想我已经使用了这个相同的排序插件一次，它正在做的是创建一个新的元素集合（匹配排序标准），然后动画。我的猜想是这是它打破点击功能的确切原因，因为在文档准备好后，您将它绑定到现有元素，并通过对插件进行排序生成没有绑定到它们的点击事件的新元素。尝试通过更换该行使用.on()：

$('.show_hide').click(function(event) { 

与

$(document).on('click','.show_hide', function(event) {