2017-10-05 26 views
0

我试图在Magento 2上使用dFlip jquery插件而没有成功。Magento 2:dFlip 3D动画书 - jQuery插件

我已经添加了css文件到default_head_blocks.xml

以下的requirejs-config.js:

"map": { 
    "*": { 
     'dflip_js': 'js/dflip' 
    } 
}, 

这对我PHTML文件:

<script> 

var dFlipLocation = "https://www.my-domain.pt/dev/testing/pub/static/frontend/vendor/theme/pt_PT/"; 

require([ 
    "jquery", 
    "dflip_js" 
], function ($) { 
    var flipBook; 

    //dflip assets location is other domain or folder.. once is enough 

    var pdf = "https://www.my-domain.pt/file.pdf"; 
    var options = {height: 500}; 
    flipBook = $("#flipbookContainer").flipBook(pdf, options); 

}); 

我知道我不应该使用这样的绝对网址,但我只是想获得这工作。

我的控制台是完全错误的.. enter image description here enter image description here

这里有人有这个插件与Magento的2?

谢谢!

回答

0

dFlipLocation不正确。它应该指向dflip内容所在的文件夹。一旦正确Three.js将加载,它会工作..dflip.js被调用正确..只是支持库需要指出..

如果位置是正确的,你可以总是预加载三。 js通过脚本标记..即使这样也行..