jFlip jQuery插件 - 如何在页面加载时加载卷曲选项卡

时间:2013-05-21 21:11:01

标签: jquery jquery-plugins

使用jFlip jQuery plugin,有没有办法在页面加载时加载卷曲标签?

更新5/21/2013 6:08 PM

仍然卡住了。如果我们能够使用

c.mousemove(function(e) {.....} 

使用此插件,为什么控制台日志无法加载...

c.on('load',function(e) {
       console.log('canvas has loaded');
});     

或者这......

  c.bind("load",function(e){
      console.log('canvas loaded');
    });

感谢您的任何建议

2 个答案:

答案 0 :(得分:0)

您将要在第136行复制on'mouseenter'事件监听器 http://www.jquery.info/scripts/jFlip/jquery.jflip-0.4.js

然后添加一个'onload'事件监听器,它调用相同的功能来实现curl

http://pastebin.com/index/X2PJSMsW

答案 1 :(得分:0)

以下是快速简便的解决方案,让卷曲标签最初显示在实际滑块加载到您的页面时折叠。只需附加以下两行代码......

startDate = new Date().getTime();
animationTimer = window.setInterval(cornerCurlIn,10);

... var Flip = function(...){}

一旦用户将鼠标滚动到图像区域,一切都将按照原来的意图行事。通过这种方法,您不会重新发明轮子或修复此代码的复杂性。

享受