Flippy jquery插件不还原内容

Flippy jquery插件不还原内容,jquery,plugins,flippy,Jquery,Plugins,Flippy,使用此网站上的Flippy jquery插件: 在初始旋转时,所有图像均正常工作,但原始正面图像不会恢复。事实上,整个反向(recto)过程似乎并没有启动 /*********************************************************** Flippy插件:https://github.com/lepixel/flippy/ http://blog.guilhemmarty.com/flippy/ ****************************

使用此网站上的Flippy jquery插件:

在初始旋转时,所有图像均正常工作,但原始正面图像不会恢复。事实上,整个反向(recto)过程似乎并没有启动

/***********************************************************
Flippy插件:https://github.com/lepixel/flippy/
http://blog.guilhemmarty.com/flippy/
************************************************************/
$(“#hamflipbox”)。悬停(
函数(){
$(“#hamflipbox”).flipy({
持续时间:“300”,
深度:“2”//3没有深度,0.12有更多深度
维索:“,
直肠:'',
onReverseStart:function(){
警报(“hiiii”);
}
});
}
);
#hamflipbox{宽度:141px;高度:219px;}
.flippy_容器{上页边距:50px;左页边距:50px;}
.cover{box shadow:3px 3px 5px;}

您只需定义一次
flippy
。然后,可以使用
.flippyReverse
.hover
函数中实现flippy动画

像这样:

$('#hamflipbox').flippy({
    duration: "300",
    depth: "2", //3 has no depth, 0.12 has MUCH depth
    recto: '<img class="cover" src="http://placekitten.com/141/218"/>',
    verso: '<img class="cover" src="http://placekitten.com/141/219" />',
    onReverseStart: function(){
        alert('hiiii');
    }
});

$('#hamflipbox').hover(
    function(e){
        $('#hamflipbox').flippyReverse();
        e.preventDefault();
    }
);
$('hamflipbox')。flipy({
持续时间:“300”,
深度:“2”//3没有深度,0.12有更多深度
直肠:'',
维索:“,
onReverseStart:function(){
警报(“hiiii”);
}
});
$(“#hamflipbox”)。悬停(
职能(e){
$(“#hamflipbox”).flipyreverse();
e、 预防默认值();
}
);