jQuery Quick Flip切换回来

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

首先,我希望它在鼠标hover时翻转,这是我能够做到的,但我也希望它能够在你没有徘徊的情况下回到原来的状态。 在jQuery的论坛上,其他人提出了同样的问题,创作者说这是可能的,但是不会为它提供代码。 我尝试了不同的方法,甚至玩setTimeout来强制它,但我每次都不断破坏代码,所以我显然没有做对。

其次,如果面板包含链接,当你再次hover时,它有时根本不会翻转。 我的例子没有显示这一点。 知道为什么会这样吗?

这是我的例子: 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() {}); } }); 

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

在本博客中 ,Jon Raasch声明您可以使用以下代码在hover事件中进行翻转:

使用$ .quickFlipper()可以在您选择的function中调用翻盖。 假设我们想要触发hover的翻转效果:

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

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

http://jsfiddle.net/Ae9Lx/