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

我想我曾经使用过这个相同的排序插件，它正在做的是创建一个新的元素集合（匹配排序标准），然后进行动画处理。我的猜测这就是它打破点击功能的确切原因，因为在文档就绪时你将它绑定到现有元素，并通过对插件进行排序生成没有绑定到它们的click事件的新元素。请尝试使用.on()替换此行：

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

与

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

单击链接后Jquery动画不起作用

1 个答案: