1

我正在使用 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() {});
}
});
4

2 回答 2

2

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

在此博客中，Jon Raasch 指出，您可以使用以下代码在悬停事件上发生翻转：

使用 $.quickFlipper() 可以在您选择的函数中调用翻转。假设我们要在悬停时触发翻转效果：

$('.quickflip-wrapper').hover( function(ev) {
    $(ev.target).quickFlipper();
});
于 2012-07-25T16:47:21.183 回答
0

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

http://jsfiddle.net/Ae9Lx/

于 2012-07-26T05:52:34.990 回答