Magento 2:dFlip 3D动画书 - jQuery插件
问题描述:
我试图在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);
});
我知道我不应该使用这样的绝对网址,但我只是想获得这工作。
这里有人有这个插件与Magento的2?
谢谢!
答
dFlipLocation不正确。它应该指向dflip内容所在的文件夹。一旦正确Three.js将加载,它会工作..dflip.js被调用正确..只是支持库需要指出..
如果位置是正确的,你可以总是预加载三。 js通过脚本标记..即使这样也行..