1

私は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 ファイルが定義されました。

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 に答える