1

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

当我在本地运行代码时，出现以下错误

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 文件。

4

1 回答 1

2

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

<script src="http://www.turnjs.com/lib/turn.min.js"></script>
于 2014-10-08T19:26:15.557 回答