ブートストラップスイッチfnが関数ではありません

Question

私はブートストラップスイッチをレールプロジェクトに追加しようとしています。私はこのようhereから私のスクリプトを追加する場合：

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/js/bootstrap-switch.js" data-turbolinks-track="true"></script> 

私はコンソールでエラーになってしまう：

Uncaught TypeError: Cannot read property 'fn' of undefined 
    at bootstrap-switch.js:743 
    at bootstrap-switch.js:19 
    at bootstrap-switch.js:22 

そして、問題はここにあるとして、赤強調していますFN：

$.fn.bootstrapSwitch = function (option) { 
    for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { 
     args[_key2 - 1] = arguments[_key2]; 
    } 

それはなぜ見つからないのですか？または、誰かが私が使用できるbootstrap-switch.jsファイルへのリンクを持っていますか？

ありがとうございます！

私もbootstrap-switch gemを使ってみましたが、それは私に別のエラーを与えていました。

Answer 1

このタイプのエラーの背後にある最も一般的な理由は、このプラグインスクリプトの前にJQueryをロードしていないことです。 CDNバージョンbootstrap-switch.jsがJQueryの後に追加されていることを確認してください。

私は、次のような意味：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/js/bootstrap-switch.js" data-turbolinks-track="true"></script>