jquery - QuickFlipJQueryプラグイン

Question

漢字のフラッシュカードにはquicklfip（http://jonraasch.com/blog/quickflip-2-jquery-plugin ）を使用しています。フロントパネルにはキャラクターがあり、バックパネルには定義があります。私が抱えている問題は、例文を表示したいのですが、背面パネルが表示されている場合のみです。コールバック関数がないようです。JQueryの専門家は、私がこれをどのように行うことができるかについて何かアイデアを持っていますか？

Answer 1

何度も頭を悩ませた後、私はついに答えを思いつきました..それは思ったよりも簡単でした. 私がする必要があったのは、次のような 2 つの関数を作成することだけでした。

function showExamples() {
            $('#examples').show();
        }
        function hideExamples() {
            $('#examples').hide();
        }

次に<a>、カードを裏返すだけでなく、上記の関数を呼び出すタグをカードの両側に配置します。このような：

<a class="quickFlipCta" href="#" onclick="javascript:showExamples()">Click to flip</a>

と

<a class="quickFlipCta" href="#" onclick="javascript:hideExamples()">Click to flip</a>

仕事終わり！

Answer 2

ページごとに、コールバックを備えた更新されたプラグインがあります。onBefore を使用することも、コンテンツを介して行うこともできます。

http://lab.smashup.it/flip/

$("#flipbox").flip({
    direction:'tb',
    onBefore: function(){
            console.log('before starting the animation');
    },
    onAnimation: function(){
            console.log('in the middle of the animation');
    },
    onEnd: function(){
            console.log('when the animation has already ended');
    }
})