Javascript 正在调用引导开关JS，但不执行任何操作

我正在使用bootstrap和jQuery，但我目前正在尝试添加bootstrap开关。我开始发疯了，因为我不能让它工作。通过检查元素，js似乎没有修改任何html

我尝试过使用gem或直接的js/css。我从gem上尝试了sass和css。不管看起来js什么都没做。如果我删除引导开关js文件，那么我会得到一个错误（这是有意义的），因此我知道它正在被调用。这根本没用

以下是我的设置：

宝石 Application.css.scss Application.js 其他.js some.html.erb

名人：

尝试将代码包装到DOM就绪处理程序

$（function（）{…}）中

要确保在执行jQuery代码之前正确加载所有DOM元素，请执行以下操作：

$(function() {
    $("#famous-people-switch").bootstrapSwitch();
});

---

我想我要哭了。我经常忘记这样做。当我发布了一个关于事件处理程序不工作的类似问题时，我会接受

@import "bootstrap";
@import "bootstrap3-switch";

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require bootstrap-switch
//
//= require_tree .

$("#famous-people-switch").bootstrapSwitch();

<div class="col-md-6">
  <input id="famous-people-switch" type="checkbox" name="famous-people" checked>
  <h4>Famous People:</h4>
</div>

$(function() {
    $("#famous-people-switch").bootstrapSwitch();
});