Turn.js：具有双页查看格式的响应式设计不起作用答案

【问题标题】：Turn.js: Responsive Design With a Double-Page Viewing Format Not WorkingTurn.js：具有双页查看格式的响应式设计不起作用
【发布时间】：2014-12-03 13:32:11
【问题描述】：

我正在使用 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 文件。

【问题讨论】：

标签： javascript jquery html css turnjs

【解决方案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.min.js 加载。我将它放在