Magento 2：dFlip 3D动画书 - jQuery插件

Question

我试图在Magento 2上使用dFlip 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一起工作吗？

谢谢！

Answer 1

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

如果位置合适，您可以随时通过脚本标记预加载three.js.即使这样也可以。