Question

我正在使用quicklfip（http://jonraasch.com/blog/quickflip-2-jquery-plugin）来制作中文字符的抽认卡。前面板将具有角色，后面板将具有定义。我遇到的问题是我想显示例句，但只有当后面板可见时才显示。似乎没有任何回调函数。任何JQuery专家对如何做到这一点都有任何想法？

Answer 1

根据页面，有一个带回调的更新插件。你可以使用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');
    }
})

Answer 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>

完成工作！

QuickFlip JQuery插件

2 个答案: