1

jQueryプラグインのQuickFlipを使用していますが、ページの1つで2つの問題が発生しています。

まず、マウスがホバリングしたときに反転させたいのですが、ホバリングしていないときは元の状態に戻してほしいです。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

If you are using QuickFlip v2.1.1, then you have access to quickFlipper which gives you the functionality you want.

From this blog, Jon Raasch states that you can have the flip occur on the hover event by using the following code:

With $.quickFlipper() the flip can be called in the function of your choice. Let's say we want to trigger the flip effect on hover:

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

Felix answered my question with his comment:

http://jsfiddle.net/Ae9Lx/

于 2012-07-26T05:52:34.990 に答える