Question

我正在使用turn.js.我没有成功集成API，所以我开始在JSFiddle工作，以了解我在哪里犯错误。我关注的示例来自Creative Technologist JSFiddle Demo。但是，当我进行简单的复制和粘贴时，我无法获得有效的演示my demo。这本书的页面没有被隐藏。

当我在本地运行代码时，我收到以下错误

Uncaught TypeError: undefined is not a function

以下是浏览器指示我的部分代码：

plugins: function () {
    // run the plugin
    $(this.el).turn({
    gradients: true,
    acceleration: true
    });
    // hide the body overflow
    document.body.className = 'hide-overflow';
}

指向的行是

$(this.el).turn({

我目前正在使用turnjs4和jquery 2.1.1。

更新我能够完成本地观看。我目前在服务器堆栈中使用把手。当我注入turn.min.js脚本时，它与插入jQuery脚本的布局不是正确的顺序。我甚至试图重新排列模板的顺序，以便在布局中的jQuery脚本之后进行turn.min.js注入，但它仍然无效。

最终解决方案是在布局文件中的jQuery脚本之后包含turn.min.js脚本！这样定义了从jQuery脚本调用函数的turn.min.js文件。

Answer 1

在jsfiddle中，你可能会在添加外部资源时犯一些错误，我试图再次使用此链接添加turn.js（将粘贴复制到外部资源框中）http://www.turnjs.com/lib/turn.min.js，并且似乎正常工作。对于您的本地文件，请尝试在<head>

中添加此文件

<script src="http://www.turnjs.com/lib/turn.min.js"></script>

Turn.js：双页查看格式不响应的响应式设计

1 个答案: