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

【问题标题】：Magento 2: dFlip 3D FlipBook - jQuery PluginMagento 2：dFlip 3D 动画书 - jQuery 插件
【发布时间】：2017-10-05 18:16:32
【问题描述】：

我正在尝试在 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 吗？

谢谢！

【问题讨论】：

标签： javascript jquery magento

【解决方案1】：

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

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

【讨论】：