jQuery - Turn.js仅使用页面剥离效果

Question

我试图仅让我的代码使用turn.js附带的剥离效果，当用户将鼠标悬停在页面的右下角时，角落会稍微剥落并看起来像是向上弯曲。

我不想实际转动页面效果，只需要剥离效果。

根据文档，它说我可以做类似的事情：

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

但它没有起到效果。

以下是我正在处理的jsfiddle的链接：

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

Answer 1

您可以使用turning事件，并防止转弯实际发生。这样，加上第二页（因此有实际转动的页面，从而激活效果）将为您提供后续效果 - 一个可剥离的角落，没有任何实际页面转动。

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

在此处试试：http://jsfiddle.net/GRMule/A9a7E/5215/

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

---

修改

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

<强>文档

• 活动::转弯 - http://turnjs.com/docs/Event:_turning