2012-07-25 76 views
1

我正在使用jQuery插件快速翻转,但我有两个问题与我的网页之一。jQuery快速翻转开关返回

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

其次,如果面板中包含链接,则在您再次悬停时它有时不会翻转。我的例子虽然没有显示。任何想法为什么会发生?

这是我的例子:​​

现在的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() {}); 
} 
}); 
+0

您使用“快跳2 jQuery的”? – Ivan 2012-07-25 16:40:32

+0

QuickFlip v2.1.1 – Archer 2012-07-25 16:44:55

+0

请提供小提琴链接... – Vins 2012-07-25 16:46:11

回答

2

如果使用QuickFlip V2.1.1,那么您可以访问quickFlipper它给你你想要的功能。

this blog,乔恩指出RAASCH,你可以翻转使用下面的代码发生在悬停事件:

随着$ .quickFlipper()翻盖可以在你选择的函数调用。比方说,我们要触发悬停翻页效果:

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

http://jsfiddle.net/Ae9Lx/ – 2012-07-25 16:50:35

+0

@ FelixEbert:感谢jsFiddle的精彩演示! – Ivan 2012-07-25 16:51:17

+0

嗨感谢jsFiddle Felix!这正是我想要的! – coolpup 2012-07-26 01:27:15