Zurb Foundation 6とOrbit Error

Question

私はOrbitとFoundation 6を成功させようとしています。写真は他の写真の上に重ねて表示され、変更されません。エラーコンソールにJavascriptエラーメッセージが表示されます。

Orbitへの参照を削除すると、javascriptエラーメッセージは表示されません。

タイムスタンプ：18/07/2016 12:51:46 エラー：TypeError：申し訳ありませんが、オブジェクトは有効なパラメータではありません。呼び出すメソッドを表す文字列を使用する必要があります。 ソースファイル：http://lf/bower_components/foundation-sites/js/foundation.core.js ライン：284

JSファイルが呼び出されるページの下部に、の.jsコードへ

</script> 
<!--<script src="js/vendor/jquery.js"></script> 
<script src="js/foundation/foundation.js"></script>--> 
<script src='bower_components/foundation-sites/js/foundation.core.js'></script> 
<script src='bower_components/foundation-sites/js/foundation.orbit.js'></script> 
<script> 
    /* 
    $(document).foundation(); 
    */ 

    $(document).foundation({ 
     orbit: { 
      animation: 'slide' 

     } 
    }); 
</script> 

すべてのパスが正しいです。

私はそこに何かのバージョンが間違っていると推測していますが、何がわからないのですか？

誰にも提案はありますか？

Answer 1

財団6あなたは参照すべきであるfirst scriptあるべきjqueryとjquery(version).minまたはjquery.jsを使用しています。

これに加えて、Foundation 6 Orbit SliderのドキュメントのJavaScript Referenceセクションを通過していないと思います。

それは言う：

ファイルfoundation.orbit.jsがfoundation.core.jsと一緒に、このプラグインを使用するようにJavaScriptに含まれている必要があります。 このプラグインは、これらのユーティリティライブラリが必要です：

foundation.util.keyboard.js、 foundation.util.motion.js、 foundation.util.timerAndImageLoader.jsとfoundation.util.touch.js

は、だからあなたのスクリプトスペースでこれらを参照してみてくださいまたはすべての依存関係の世話をするfoundation.min.jsを使用しています。

一つ重要なことより、あなたはスライダーをanimateしたい場合は、をインストールする必要がありますし、Orbit SliderドキュメントのUsing Animation節で述べたようにmotion-ui参照を含まれています。