Bootstrap Switch fn не является функцией

Question

Я пытаюсь добавить загрузочный переключатель в проект rails. Когда я добавляю свой сценарий отсюда, как это:

<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, который я могу использовать, который будет работать?

Спасибо!

Я также пытался использовать гем начальной загрузки, но это приводило меня к другой ошибке.

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>