javascript - jQuery Quicksand + Captify(翻转脚本)

Question

所以我的 jQuery Captify(图像翻转的标题)和 Quicksand(图像过滤系统)不能很好地协同工作。当页面加载时，当我将鼠标悬停在图像上时，我的 Captify 工作正常，但是当我单击一个链接来过滤我的缩略图时，captify 脚本停止工作。

我尝试每隔 x 秒调用一次 captify 脚本，但我要么没有正确执行，要么就是这不是正确的解决方案。谁能帮我吗？该站点位于 http://www.galaxyturbo.net/new/index.php。

如果您有 Firebug 或类似 Google Chrome 中的开发人员工具，您可以从那里查看我的代码，我只是不想向此页面发送垃圾邮件。如果您能帮我解决问题，在此先感谢您，我真的很绝望。

Answer 1

嗯，我会说我们都需要学习更多的 JavaScript，但我遇到了同样的问题，下面是你如何让它工作的:

您需要做的是在 QUICKSAND 克隆之后调用 CAPTIFY 函数!所以寻找流沙的JS代码，寻找:

    $holder.quicksand($filteredData, {
        duration: 800,
        easing: 'easeInOutQuad'
    });
    return false;

应该是这样的:

    $holder.quicksand($filteredData, {
        duration: 800,
        easing: 'easeInOutQuad'
    },
    // RECALL CAPTIFY  ===============================
       function() { $('img.captify').captify({
        speedOver: 'fast',
        speedOut: 'normal',
        hideDelay: 500,
        animation: 'slide',
        prefix: '',
        opacity: '0.7',
        className: 'caption-bottom',
        position: 'bottom',
        spanWidth: '100%'
        });
       }
    // RECALL CAPTIFY  ==============================
    );
    return false;

希望对您有所帮助!此外，您还必须对其他脚本执行相同的操作，例如 LightBox 或 PrettyPhoto。