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声明您可以使用以下代码在悬停事件中进行翻转：

使用$ .quickFlipper（）可以在您选择的功能中调用翻盖。假设我们想要触发悬停的翻转效果：

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

Answer 2

菲利克斯用他的评论回答了我的问题：

http://jsfiddle.net/Ae9Lx/

jQuery Quick Flip切换回来

2 个答案: