1

我试图只让我的代码使用剥离效果,turn.js当用户将鼠标悬停在页面的右下角时,角落会剥落一点,看起来像是在弯曲。

我不想要实际的翻页效果,只想要剥离效果。

根据文档,它说我可以执行以下操作:

  $("#flipbook").turn({peel: "br"});

但它没有效果。

这是我正在处理的 jsfiddle 的链接:

http://jsfiddle.net/A9a7E/5211/

4

1 回答 1

4

您可以使用该turning事件,并防止该回合实际发生。再加上添加第二页(因此实际上需要翻页,从而激活效果)将为您提供您所追求的效果 - 一个可剥离的角落,无需任何实际翻页。

$("#flipbook").bind("turning", function(event, pageObject, corner) {
    event.preventDefault();
});

在这里试试:http: //jsfiddle.net/GRMule/A9a7E/5215/

在事件处理程序中,您可以触发自己对翻页开始的反应,例如加载新页面或您想到的任何内容。


编辑

正如 dc5 的评论中提到的,您可以在正确初始化之后手动触发剥离方法(如您在问题中所示)。这是对上述示例的修改,添加了一行以立即显示剥离:http: //jsfiddle.net/GRMule/A9a7E/5216/ - 感谢 dc5!

文档

于 2013-08-23T17:28:27.623 回答