jquery向上/向下 slider 与ajax冲突

Question

我正在使用带有 View 的 drupal 7，并且我正在使用我发现的向上/向下文本幻灯片的 jquery 脚本。它有效，但是当我尝试将它与带有 ajax 的 View 公开过滤器一起使用时，它似乎不起作用。

我在网上发现jquery脚本必须使用live或bind或delegate，但我无法弄清楚。下面是我使用的脚本:

jQuery(function() {
    jQuery('.feature_box').showFeatureText();
});

jQuery.fn.showFeatureText = function() {
    return this.each(function() {
        var box = jQuery(this);
        var text = jQuery('p', this);
        text.css({
            position: 'absolute',
            bottom: '0%'
        }).hide();
        box.hover(function() {
            text.slideDown("fast");
        }, function() {
            text.slideUp("fast");
        });
    });
}

非常感谢

Answer 1

将 box.hover 转换为 .live 函数，如果可能的话，直接使用 live 函数和类/id 名称，

jQuery(".class").hover(/* hover js code */);

或者

box.live("mouseover", function(){
    // mouseover js code
});

box.live("mouseout", function(){
    // mouseout js code
});