2012-07-25 79 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