Javascript 引导开关不工作

我从引导开关开始

我使用了来自的演示

问题是开关没有显示。它只显示一个标准复选框

<div class="make-switch" data-on="primary" data-off="info">
        <input type="checkbox" checked>
</div>

我还包括css和js员工

JSFiddle：

我在这里遗漏了什么？

我刚刚将此添加到中，看起来外观已经改变

$(function() {
    $('.make-switch').bootstrapSwitch();
});

您似乎需要手动初始化开关。我只是浏览了一下文档，但这实际上改变了复选框的外观

<div class="make-switch" data-on="primary" data-off="info">
        <input type="checkbox" checked>
</div>

更新

---

通过向输入中添加name属性并相应地更改jquery，我能够使它正常工作。看看这个。

你的小提琴中似乎没有包含jQuery，这让我觉得你的html中没有包含它。jQuery需要包含在引导程序包含的上面。在我的本地pc中，我已经包含了它。但我只是把它包含在JSFIDLE中，它并没有什么区别。现在看来，为什么单击后它并没有变为on和off？