jQuery工作，直到作另一个脚本

Question

我在下面做了一个页面

http://isca01.bigwavemedia.info/~staged2b/about/staff

如您所见，员工之间的过滤器有效，但是一旦切换到新的员工组，滚动弹出窗口就不起作用。

这是脑海中的两个脚本，但是我有一些css，可以使带有类悬停的图像在滚动时弹出。

几天来我一直在尝试解决此问题，任何帮助将不胜感激。

最亲切的问候布伦特法语

Answer 1

$(function() {
    $(".imgHover").hover(
        function() {
            $(this).children("img").fadeTo(200, 0.85).end().children(".hover").show();
        },
        function() {
            $(this).children("img").fadeTo(200, 1).end().children(".hover").hide();
        });
})(jQuery);

问题来了。将上述内容更改为：

$(function() {
    $(".imgHover")
        .live('mouseenter', function() {
            $(this).children("img").fadeTo(200, 0.85).end().children(".hover").show();
        })
        .live('mouseleave', function() {
            $(this).children("img").fadeTo(200, 1).end().children(".hover").hide();
        });
})(jQuery);

更改员工组时，将取消绑定函数。使用 .live() 将使事件保持绑定。理想情况下，你会使用.delegate()但这只在更高版本的jQuery中可用

。

更多信息：

1. 捆
2. 住
3. 委托

编辑

刚刚注意到.delegate()实际上存在于 1.4.2 中;我以为是后来进来的。我建议从 .live() 更改为 .delegate()，因为您可以将事件侦听器附加到父元素（其他脚本未更改的父元素）。检查指向文档（上文）的链接以了解语法更改