javascript - jQuery Quick Flip 切换回来

Question

我正在使用 jQuery 插件 Quick Flip，但我的一个页面有两个问题。

首先，我希望它在鼠标悬停时翻转，我已经做到了，但我也希望它在您不悬停时恢复到原始状态。在 jQuery 的论坛上，其他人也在问同样的问题，创建者说这是可能的，但不会提供代码。我尝试了不同的方法，甚至使用 setTimeout 来强制它返回，但我每次都在破坏代码，所以我显然没有做对。

其次，如果面板包含链接，当您再次悬停时它有时根本不会返回。虽然我的示例没有显示这一点。知道为什么会这样吗？

这是我的例子:http://kimkellermedia.com/test3/test2.html

现在的js是:

jQuery(function($){
$('.quickFlip').quickFlip();

for ( var i = 0; i < $.quickFlip.wrappers.length; i++ ) {
    var thisOne = $.quickFlip.wrappers[i];

    $( thisOne.wrapper ).hover( function(ev) {
        var $target = $(ev.target);

        if ( !$target.hasClass('quickFlip') ) $target = $target.parent();

        $target.quickFlipper();

    }, function() {});
}
});

Answer 1

如果您使用的是 QuickFlip v2.1.1，那么您可以访问 quickFlipper，它可以提供您想要的功能。

来自 this blog , Jon Raasch 指出您可以使用以下代码在悬停事件上发生翻转:

With $.quickFlipper() the flip can be called in the function of your choice. Let's say we want to trigger the flip effect on hover:

$('.quickflip-wrapper').hover( function(ev) {
    $(ev.target).quickFlipper();
});