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文件的鏈接？

謝謝！

我也嘗試使用bootstrap-switch gem，但這給了我一個不同的錯誤。

Answer 1

此類錯誤的最常見原因是，在此插件腳本之前未加載JQuery。 確保在JQuery之后添加了CDN版本的bootstrap-switch.js 。

我的意思是如下：

<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>